position String (default: 'none')

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.

Example - set the position

<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>
In this article