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

ToggleButton

configuration

Specifies the selector for the toggle button that will show and hide the responsive panel.

toggleButton

String

Default: ".k-rpanel-toggle"

<header>
    <button class="toggle-button"><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",
        toggleButton: ".toggle-button"
    });
</script>