Initially select tab?

[David T.]

I have a tab strip that links to two views (snippet 1).  What I would like to do is have a way to initially select the second tab and its corresponding view.

I tried using the selectedIndex property (snippet 2), but it seems to always display whichever view I define first in code - I can change the highlighted tab, but what I really want to do is change the view that is displayed.

I have tried various versions of using the application's navigate method from body.onload, but that seems to work poorly.

Any ideas?

(Snippet 1)

        <div data-role="footer">
            <div data-role="tabstrip" id="tabstrip">
                <a href="#tabstrip-viewnotes" data-icon="recents">View Notes</a>
                <a href="#tabstrip-addnote" data-icon="add">Add Note</a>
            </div>
        </div>

(Snippet 2)

        $("#tabstrip").kendoMobileTabStrip({
                    selectedIndex: 1
                });

[Iliana Dyankova]

Hello David,

I have already answered to your support ticket with the same question, however I am pasting my reply here too so the other users who are interested in the same can read it: 

You can point the id of initial View which Kendo UI Mobile Application to display. For example: 

Copy Code

new kendo.mobile.Application($(document.body), {
     initial: "tabstrip-addnote"
});

Regards,
Iliana Nikolova
the Telerik team