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.
A simple NavigationBar without initial selection.
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.
The following Navigation Bar does not own any items, but is associated with them. Item 4 is selected.