Tab
A newer version of this page is available. Switch to the current version.

ImageSliderItem.ThumbnailUrl Property

Gets or sets the path to the item thumbnail image.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v18.2.dll

Declaration

[DefaultValue("")]
public string ThumbnailUrl { get; set; }
<DefaultValue("")>
Public Property ThumbnailUrl As String

Property Value

Type Default Description
String

String.Empty

A String value that specifies the path to the image.

Remarks

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.

Examples

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

<dx:ASPxImageSlider ID="ASPxImageSlider1" runat="server">
     <Items>
          <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" />
     </Items>
</dx:ASPxImageSlider>
See Also