Navigation Bar
The Navigation Bar is displayed next to the image area at its left, right, bottom or top. The Navigation Bar allows end-users to quickly navigate among images. The bar can be represented by dots or thumbnails depending on the ImageSliderNavigationBarSettings.Mode (via the ImageSliderSettings.SettingsNavigationBar.Mode) property value.
Additionally, the Navigation Bar can display page navigation buttons.
The table below lists the main members that affect element appearance.
Characteristics | Members |
---|---|
Visibility | ImageSliderSettings.ShowNavigationBar |
Position | ImageSliderNavigationBarSettings.Position (via the ImageSliderSettings.SettingsNavigationBar.Position) |
Mode | ImageSliderNavigationBarSettings.Mode (via the ImageSliderSettings.SettingsNavigationBar.Mode) |
Settings | ImageSliderSettings.SettingsNavigationBar |
The Navigation Bar allows you to specify the particular style settings for each mode and position of the bar. The table below lists available members.
Position | Thumbnails Mode | Dots Mode |
---|---|---|
Left | ImageSliderStyles.NavigationBarThumbnailsModeLeft (via the ImageSliderSettings.Styles.NavigationBarThumbnailsModeLeft) | ImageSliderStyles.NavigationBarDotsModeLeft (via the ImageSliderSettings.Styles.NavigationBarDotsModeLeft) |
Right | ImageSliderStyles.NavigationBarThumbnailsModeRight (via the ImageSliderSettings.Styles.NavigationBarThumbnailsModeRight) | ImageSliderStyles.NavigationBarDotsModeRight (via the ImageSliderSettings.Styles.NavigationBarDotsModeRight) |
Bottom | ImageSliderStyles.NavigationBarThumbnailsModeBottom (via the ImageSliderSettings.Styles.NavigationBarThumbnailsModeBottom) | ImageSliderStyles.NavigationBarDotsModeBottom (via the ImageSliderSettings.Styles.NavigationBarDotsModeBottom) |
Top | ImageSliderStyles.NavigationBarThumbnailsModeTop (via the ImageSliderSettings.Styles.NavigationBarThumbnailsModeTop) | ImageSliderStyles.NavigationBarDotsModeTop (via the ImageSliderSettings.Styles.NavigationBarDotsModeTop) |
See Also