Skip to main content

ASPxImageSlider Class

An image slider control.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v23.2.dll

NuGet Package: DevExpress.Web


public class ASPxImageSlider :


The ASPxImageSlider class allows you to display images and navigate between them.


Create an ImageSlider Control

Design Time

The ASPxImageSlider control is available on the DX.23.2: Navigation & Layout toolbox tab in the Microsoft Visual Studio IDE.

Drag the control onto a form and customize the control’s settings, or paste the control’s markup in the page’s source code.

<dx:ASPxImageSlider ID="imageSlider" runat="server" 
                    ImageSourceFolder="~/Content/Images/widescreen/" ClientInstanceName="ClientImageSlider">

Run Time

using DevExpress.Web;
protected void Page_Load(object sender, EventArgs e)
    ASPxImageSlider imageSlider = new ASPxImageSlider();
    imageSlider.ID = "imageSlider";

    imageSlider.ClientInstanceName = "ClientImageSlider";
    imageSlider.ImageSourceFolder = "~/Content/Images/widescreen/";


DevExpress controls require that you register special modules, handlers, and options in the Web.config file. You can change this file or switch to the Design tab in the Microsoft Visual Studio IDE to automatically update the Web.config file. Note that this information is automatically registered if you use the DevExpress Template Gallery to create a project.

The ASPxImageSlider control can be populated with items in different ways:

An image slider may consist of the following elements:

ASPxImageSlider supports the virtual paging mode (ImageSliderBehaviorSettingsBase.EnableVirtualPaging) that allows end-users to load images on demand when navigating using the pager.


ASPxImageSlider control provides you with a comprehensive client-side functionality implemented using JavaScript code.

The control’s client-side API is enabled if the ASPxImageSliderBase.ClientInstanceName property is defined or any client event is handled.

See Also