positionMode String (default: 'static')

Defines the type of positioning. Valid options are

  • static: positions the AppBar according to the normal flow of the page.
  • sticky: sticks the AppBar to a given position(top or bottom).
  • fixed: positions the AppBar relative to the viewport.

Example - set the positionMode

<div id="appbar"></div>
<script>
$("#appbar").kendoAppBar({
    positionMode: "sticky",
    items: [
        {
            type: "contentItem",
            template: "<span><input /><span>"
        },
        {
            type: "spacer"
        },
        {
            type: "contentItem",
            template: "<h1>This is just a text</h1>"
        },
    ]
});
</script>
In this article