Navigate the local or remote view.

    <div data-role="splitview">
        <div data-role="pane" id="main-pane">
            <div data-role="view">
                Settings
            </div>
        </div>
    </div>


    <script>
    function goToSettings() {
        var pane = $("#main-pane").data("kendoMobilePane");
        pane.navigate("settings.html");
    }

    new kendo.mobile.Application();
    </script>
    <div data-role="splitview">
        <div data-role="pane" id="main-pane">
            <div data-role="view"> Settings </div>
            <div data-role="view" id="settings">Settings View</div>
        </div>
    </div>


    <script>
    function goToSettings() {
        var pane = $("#main-pane").data("kendoMobilePane");
        pane.navigate("#settings");
    }

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

Parameters

url String

The id or URL of the view.

transition String

The transition to apply when navigating. See View Transitions for more information.

In this article