App Bar

Overview

Easily create navigation panes for your users with the Telerik UI for ASP.NET MVC AppBar control. Serving as a navigational container, it can fill the need of either a header or footer. Whether you are building building the footer of a website for a generic company and having a “Products” and a “An About Us” section, or something more complex, the AppBar’s templates will let you to build and customize it as much as necessary.
AppBar Configuration & Customization

To fit the wide variety of applications our clients are developing, we ensured that the AppBar is fully customizable, and you can easily adapt it. The AppBar position mode can be configured (static, fixed or sticky), as well its position (none, top, bottom), theme color (light, dark or inherited from the respective theme) and the array of AppBar items.
Item Configuration & Customization

Since the AppBar component is a container for other items, there’s naturally some configuration available to the items too. For each item, you can specify CSS class name, width, its type – spacer or content item, as well as support for templates.
Events

Because the AppBar supports resizing, it also provides a resize event that is fired when the window is resized. This gives you control over the visibility of the AppBar items when the visible part of the viewport changes.
App Bar Component Theming

The Telerik ASP.NET MVC App Bar 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 Telerik SASS ThemeBuilder application.