Edit this page

swipeToOpenViews Array

A list of the view ids on which the drawer will appear when the view is swiped. If omitted, the swipe gesture will work on all views. The option has effect only if swipeToOpen is set to true.

Example

<div data-role="view" id="drawer-settings">
    <h1>Settings</h1>
    <a href="#bar" data-role="button">Go to bar</a>
</div>

<div data-role="view" id="bar">
    Drawer will not be revealed when the view is swiped
    <a href="#drawer-settings" data-role="button">Back to settings</a>
</div>

<div data-role="drawer" id="my-drawer" data-swipe-to-open-views='["drawer-settings"]'>
    Hi!
</div>

<script>
new kendo.mobile.Application();
</script>

Drawer with swipe to open set to false

<div data-role="view">
    <a href="#foo" data-rel="drawer" data-role="button">Drawer</a>
</div>

<div data-role="drawer" id="foo" data-swipe-to-open="false">
    <div data-role="header">
        <div data-role="navbar">
            <span data-role="view-title">Hello World!</span>
        </div>
    </div>

    <ul data-role="listview">
        <li>Foo</li>
    </ul>

    <div data-role="footer">
       <div data-role="navbar">
           <a data-align="right" data-role="button">Details</a>
       </div>
    </div>
</div>

<script>
new kendo.mobile.Application();
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy