Skip to main content
BuyLog In
ASP.NET MVC Extensions
Search in…
Docs > Components > Data and Image Navigation > ImageSlider > Visual Elements > Navigation Bar
All docs
V24.2
ASP.NET MVC Extensions
.NET Support and Migration
Prerequisites
Supported Browsers
What's Installed
Get Started
Upgrade to a New Version
Common Concepts
Components
Card View
Charting
Data and Image Navigation
DataView
ImageGallery
ImageSlider
Bind to Data
Paging
Visual Elements
Image Area
Navigation Bar
Dot
Thumbnail
Page Navigation Buttons
ImageZoom
Data Editors
Diagram
Docking and Popups
File Management
Gantt
Grid View
HTML Editor
Multi-Use Site Extensions
Pivot Grid
Reporting
Rich Text Editor
Scheduler
Site Navigation and Layout
Spell Checker
Spreadsheet
Tree List
Vertical Grid
Query Builder
Security Considerations
Redistribution and Deployment
Troubleshooting
Get More Help
.NET Framework API Reference
Client API Reference
Download CHM

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.

ImageSlider_VE_NavigationBar  

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
Dot