New to Kendo UI for jQuery? Start a free 30-day trial

PositionMode

configuration

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.

positionMode

String

Default: 'static'

<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>