Tabs do not preserve active view

4 posts, 0 answers
  1. Jesse Herrera
    Jesse Herrera avatar
    39 posts
    Member since:
    Jul 2006

    Posted 16 Sep 2013 Link to this post

    I have an app with multiple tabs. Each tab has an input field that allows the user to search data. The results are displayed when the search button is tapped by sliding into a new view with a list of matching data. When I tap on another tab and then tap back to my search results it takes me back to the view with the input field and my results list is lost.
  2. Steve
    Admin
    Steve avatar
    10941 posts

    Posted 18 Sep 2013 Link to this post

    Hi Jesse,

    The provided information is insufficient for us to determine the culprit on your end or suggest things to check. Are you using jQuery, Kendo UI or 3rd party library for the tabs? Please prepare a simple jsbin demo that shows the problem at hand, so we can review it.

    Regards,
    Steve
    Telerik

    Big news for mobile app and .NET developers! Hear about it at our Release Keynote. Thursday, September 26th, 11AM EDT
    Do you enjoy Icenium? Vote for it in Windows IT Pro Community Choice Awards as Best Cloud Computing Product or Service (Category 5).
    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
  3. Jesse Herrera
    Jesse Herrera avatar
    39 posts
    Member since:
    Jul 2006

    Posted 18 Sep 2013 Link to this post

    Here is my tab HTML:

            <!--            -->

            <!-- TAB LAYOUT -->
            <!--            -->
            
            <!-- Tab layout for iPhone, etc -->
            <div data-role="layout" data-id="mobile-tabstrip">
                <header data-role="header">
                    <div data-role="navbar">
                        <span data-role="view-title"></span>
                    </div>
                </header>

                <div data-role="footer">
                    <div data-role="tabstrip">
                        <a href="#tabstrip-address" data-icon="home">Address</a>
                        <a href="#tabstrip-customer" data-icon="contacts">Customer</a>
                        <a href="#tabstrip-map" data-icon="globe">Map</a>
                    </div>
                </div>
            </div>

            <!-- Tab layout for Android -->
            <div data-role="layout" data-id="mobile-tabstrip" data-platform="android">
                <div data-role="footer">
                    <div data-role="tabstrip">
                        <a href="#tabstrip-address" data-icon="home">Address</a>
                        <a href="#tabstrip-customer" data-icon="contacts">Customer</a>
                        <a href="#tabstrip-map" data-icon="globe">Map</a>
                    </div>
                </div>
            </div> 

  4. Jordan
    Admin
    Jordan avatar
    197 posts

    Posted 24 Sep 2013 Link to this post

    Hi Jesse,

    Your layout looks fine so probably there is something else. You can use this sandbox sample as a starting point to reproduce your issue. And when ready post the link to your forked sandbox back.

    Regards,
    Jordan
    Telerik

    Big news for mobile app and .NET developers! Hear about it at our Release Keynote. Thursday, September 26th, 11AM EDT
    Do you enjoy Icenium? Vote for it in Windows IT Pro Community Choice Awards as Best Cloud Computing Product or Service (Category 5).
    Looking for tips & tricks directly from the Icenium team? Check out our blog!
    Share feedback and vote for features on our Feedback Portal.
Back to Top