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>
In this article
Not finding the help you need? Improve this article