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

ASPxImageZoomNavigator Class

An image zoom navigator control.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v18.2.dll

Declaration

public class ASPxImageZoomNavigator :
    ASPxImageSliderBase,
    IControlDesigner
Public Class ASPxImageZoomNavigator
    Inherits ASPxImageSliderBase
    Implements IControlDesigner

Remarks

Image Zoom Navigator

The ASPxImageZoomNavigator is a data control that displays a set of thumbnails. Clicking (or hovering based on the ASPxImageZoomNavigator.ActiveItemChangeAction property value) a thumbnail opens a corresponding image in an associated ASPxImageZoom control (ASPxImageZoom.AssociatedImageZoomNavigatorID).

The number of thumbnails displayed in an ASPxImageZoomNavigator object is controlled by the ASPxImageZoomNavigator.VisibleItemCount property. The thumbnails can be ordered in a horizontal or vertical direction based on the ASPxImageZoomNavigator.Orientation property value.

Images displayed by the ASPxImageZoomNavigator control can be defined in the ASPxImageZoomNavigator.Items collection. Additionally, the control can be populated with item information taken from a data source that can be specified by using either of the following properties.

When the ASPxImageZoomNavigator control is bound to a data source, an ImageZoomNavigatorItem object is created automatically for every recognized data item. Individual item characteristics (such as text, image path, and thumbnail path) are obtained from the data fields (item attributes) of the corresponding data items. The ASPxImageZoomNavigator exposes its specific data-related properties, allowing you to specify which data source fields the item information should be retrieved from.

Member Description
ASPxImageZoomNavigator.ImageUrlField Gets or sets the name of a data field (or an xml element's attribute) which provides items' image locations.
ASPxImageZoomNavigator.LargeImageUrlField Gets or sets the name of a data field (or an xml element's attribute) which provides items' large image locations.
ASPxImageZoomNavigator.ThumbnailUrlField Gets or sets the name of a data field (or an xml element's attribute) which provides items' thumbnail image locations.
ASPxImageZoomNavigator.ImageContentBytesField Gets or sets the data source field which provides items' binary images.
ASPxImageZoomNavigator.ExpandWindowTextField Gets or sets the name of a data field (or an xml element's attribute) which provides the items' expand window texts.
ASPxImageZoomNavigator.ZoomWindowTextField Gets or sets the name of a data field (or an xml element's attribute) which provides items' zoom window texts.
NOTE

ASPxImageZoomNavigator control provides you with 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