The Telerik UI for JSP BottomNavigation component is a top-level navigation component, perfect for your mobile, single-page or progressive web apps. It is best used with three to five items, which take users directly to a new screen where they can focus their full attention on it without distractions. The component brings fast navigation and lets users build muscle memory where to touch in order to immediately switch over to the screen they care about.
The component provides multiple built-in configuration options for modifying the item flow, the exact color to use from the theme, fill, border and shadow colors.
The items of the BottomNavigation component are flexible in both form and function. They can display text, an icon or a combination of the two, each designed with aesthetics in mind. You can even opt to have icons only on the non-active elements, while displaying the text label on the selected item. Items might be disabled when unneeded.
You have the ability to further customize the component items by using templates for your unique design. They can consist of additional controls, icons, images and more—just make sure they fit the bottom of the navigation bar.
The Telerik ASP.NET JSP BottomNavigation component has 20+ built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better). You can easily customize any of out-of-the-box themes with a few lines of CSS, or create new theme to match your colors and branding by using the TelerikSASSThemeBuilder application.
The component provides keyboard navigation and accessibility features to allow as many people to use it. Users can easily interact with the component and go back and forth between the BottomNavigation items entirely through the keyboard.
RTL (Right-To-Left) Support
The BottomNavigation component supports right-to-left (RTL) language scripts. When enabled, it automatically reverses the order of the items in the navigation to match the text.