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

Orientation

configuration

Specifies the direction from which the hidden element will open up, once the toggle button has been activated. Valid values are "left", "right", and "top".

orientation

String

Default: "left"

<header>
    <button class="k-rpanel-toggle"><span class="k-icon k-i-menu"></span></button>
    Logo
</header>

<nav id="navigation">
    <a href="#">Home</a>
    <a href="#">Products</a>
</nav>

<article>
    Content
</article>

<script>
    $("#navigation").kendoResponsivePanel({
        orientation: "top"
    });
</script>