Kendo UI for jQuery AppBar Overview

The AppBar widget is used mainly for navigation. At the same time, it is template-driven, which makes it very flexible - it can render whatever you throw at it. To take full advantage of its functionality, you can include various Content Items in the AppBar widget, for example:

  • Titles
  • Icons
  • Actions (like redirect buttons)

Visit the AppBar demo page to see it in action.

Kendo UI for jQuery Kendoka image

The AppBar is part of Kendo UI for jQuery, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Initializing the AppBar

It is recommended to initialize the widget from a div HTML element.

The following example demonstrates how to initialize the AppBar from an existing <div> element.

    <div id="appbar"></div>
    <script>
    $("#appbar").kendoAppBar({
        items: [
            {
                template: "<span><input /><span>"
            }
        ]
    });
    </script>

Functionality and Features

See Also

In this article