ImageSliderItem.ThumbnailUrl Property

Gets or sets the path to the item thumbnail image.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v21.2.dll


public string ThumbnailUrl { get; set; }

Property Value

Type Default Description


A String value that specifies the path to the image.


Use the ThumbnailUrl property to specify a URL that is the path to the item thumbnail image displayed in the navigation bar in thumbnail mode (when the ImageSliderNavigationBarSettings.Mode property is set to Thumbnails).

If the ASPxImageSlider is bound to a data source, you can specify the data source’s data field (or an xml element’s attribute) which stores locations of item thumbnail images using the ASPxImageSlider.ThumbnailUrlField property.

If a thumbnail is not specified it is automatically created from the image specified by the ImageSliderItem.ImageUrl property.

When the AccessibilityCompliant property is enabled, an alternative text for an image is obtained from the ImageSliderItem.Text property. If the ImageSliderItem.Text property is not specified, an image’s filename and extension (saved within the ThumbnailUrl property) are used to define its alternative text.


This code sample demonstrates how you can manually create ASPxImageSlider items and specify the items’ properties.

<dx:ASPxImageSlider ID="ASPxImageSlider1" runat="server">
          <dx:ImageSliderItem ImageUrl="~/Images/img1.jpg" Name="Sunset" 
               NavigateUrl="~/sunset.asp" Text="Sunset" ThumbnailUrl="~/Thumbnails/thumb1.jpg" />
          <dx:ImageSliderItem ImageUrl="~/Images/img2.jpg" Name="Lupines" 
               NavigateUrl="~/lupines.asp" Text="Lupines" ThumbnailUrl="~/Thumbnails/thumb2.jpg" />
          <dx:ImageSliderItem ImageUrl="~/Images/img3.jpg" Name="Road" 
               NavigateUrl="~/road.asp" Text="Road" ThumbnailUrl="~/Thumbnails/thumb3.jpg" />
See Also