Change Theme Settings
Change Theme Settings
Show All Themes

Fullscreen Sample

This demo illustrates how to use the DevExpress ASP.NET Image Slider (ASPxImageSlider) control in full-screen mode when a control fills an entire page and can be resized along with the browser window. To enable this mode, set the control Height and Width properties to 100%.

<dx:ASPxImageSlider ID="imageSlider" runat="server" Width="100%" Height="100%" ... >

A style of the html, body, and form elements, which contain the image slider, should be specified as shown below.

html, body, form {
    height: 100%;
    margin: 0;

Additionally, the demo illustrates the ability to customize the navigation dots and item text area using cascading style sheets.