DevExtreme jQuery - Overview
The NavBar is a widget that navigates the application views.
The following code adds the NavBar to your page. All navigation items have icons and one of them has a badge.
HTML
JavaScript
<div id="navBarContainer"></div>
$(function() { $("#navBarContainer").dxNavBar({ items: [ { text: "User", icon: "user" }, { text: "Find", icon: "find" }, { text: "Favorites", icon: "favorites", badge: "New" }, { text: "About", icon: "info" } ] }); });
Note that all data source items follow the Default Item Template pattern. This provides a default item appearance, which can be customized later.
See Also
- Widget Basics: jQuery | Angular | AngularJS | Knockout
- NavBar - Customize Item Appearance
- NavBar - Items Selection
- NavBar API Reference
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.