background

UI for ASP.NET Core

ASP.NET Core AppBar

  • A must-have ASP.NET Core AppBar component to build primary site navigations.
  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for WinForms Ninja
  • Overview

    The Telerik UI for ASP.NET Core AppBar is a template-driven component you can use as a navigation container in your projects. Within the AppBar, you can render various HTML elements, such as action buttons, search panel, icons and more. Thanks to its support for templates, the AppBar can achieve much more than a simple header or footer as you can customize its content to meet your design requirements. 

    See the ASP.NET Core AppBar in action 

    Telerik UI for ASP.NET Core AppBar Overview
  • Items

    The control exposes two types of items: a ContentItem and a Spacer. The ContentItem accepts a template, whereas the Spacer should be used to separate content items from one another. You can customize the items by changing their CSS class name, width and type.  


  • Positioning

    You can position the AppBar at the top of your page, serving as a Header, at the bottom as a Footer or set its position to None, which will apply no CSS positioning style. The Position Mode option allows you to choose from static, sticky or fixed positioning.  


    Telerik UI for ASP.NET Core AppBar - Positioning
  • Template Driven

    The AppBar is a template-driven component, which makes it very flexible and a perfect fit for each and every one of your projects. You can supply an external template to the component by specifying the TemplateId option.  
  • API

    The Telerik AppBar for ASP.NET Core offers rich client- and server-side API functionalities, supporting different configurations for themeColor, position, items, and positionMode. It also provides a resize event, allowing you to control the visibility of the items in the header/footer when the viewport changes dimensions.
    Telerik UI for ASP.NET Core Events
  • HTML and Tag Helpers

    Telerik UI for ASP.NET Core provides two ways to declare UI components—by using HTML or Tag helpers. You can choose between the two approaches based on the developer’s technology background, preference and practice and implement the AppBar component in your applications. 
    Telerik ASP.NET Core ComboBox HTML and Tag Helpers
  • App Bar Component Theming

    The Telerik ASP.NET Core AppBar component has sevaral built-in themes such as Material (based on the Material Design guidelines), Bootstrap, Default and Fluent. You can easily customize any of the out-of-the-box themes with a few lines of CSS or create a new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application. 

    Telerik UI for ASP.NET Core AppBar Theming

All ASP.NET Core Components

Next Steps