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

Position

configuration

Defines where in the page the AppBar will be positioned. Valid options are

none: does not add specific positioning syles
top: adds the AppBar at the top of the page
bottom: adds the AppBar at the bottom of the page.

position

String

Default: 'none'

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