• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

This sample demonstrates the default functionalities of the Toolbar. Select any command or click the left/right navigation icon or touch swipe to see the hidden commands of the Toolbar

DEMO
SOURCE

Toolbar is a graphical control on which commands / buttons will be displayed in horizontal order. By default scrolling display mode enabled when content exceeds the available viewing area.


You can use left / right navigation icon or touch swipe to see the hidden commands of the toolbar.

  • Initially toolbar rendered with the left and right navigation icon and you can see hidden commands by moving in right or left direction.
  • When you reach right / left end of toolbar, corresponding navigation direction will be disabled.
  • You can continuously scroll the toolbar content by holding on the navigation icon.
  • In devices navigation icons are not available. you can touch swipe to see the hidden commands of the toolbar.