orientation String (default: "left")

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

Example

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