NavigationBar

Introduction

The NavigationBar provides enhanced navigation capabilities and is the parent control of NavigationItems. It is displayed in the form of a horizontal line with switching markers depending on the currently selected item. The size of an item which is currently chosen by the user is enlarged and highlighted. In the case that a large number of items are defined for the bar, this is made transparent to the user by showing symbols for scrolling options (forwards and backwards) to see the next or previous items. Alternatively to the items aggregation you can use associated items when the items should be aggregated by other entities.


Basic Example

A simple NavigationBar without initial selection.



Complex Example

Another NavigationBar with the third item selected and some more items in order to visualize the scrolling capability. Item 5 is disabled within this example using the select event and the preventDefault(): method.



Example with associated items

The following Navigation Bar does not own any items, but is associated with them. Item 4 is selected.

API Documentation

API documentation