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

PositionMode

configuration

Specifies CSS position of the BottomNavigation in the document. Valid options are: absolute, fixed and sticky.

positionMode

String

Default: "fixed"

<nav id="bottomnav"></nav>

<script>
    $("#bottomnav").kendoBottomNavigation({
        positionMode: "absolute",
        items: [
            { text: "Home", icon: "home" },
            { text: "Info", icon: "info-circle" },
            { text: "Contact", icon: "envelope" }
        ]
    });
</script>