This is a migrated thread and some comments may be shown as answers.

Tabs do not preserve active view

3 Answers 35 Views
Report a bug
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Jesse Herrera
Top achievements
Rank 1
Jesse Herrera asked on 16 Sep 2013, 07:58 PM
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.

3 Answers, 1 is accepted

Sort by
0
Steve
Telerik team
answered on 18 Sep 2013, 01:10 PM
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.
0
Jesse Herrera
Top achievements
Rank 1
answered on 18 Sep 2013, 02:01 PM
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> 

0
Jordan
Telerik team
answered on 24 Sep 2013, 11:20 AM
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.
Tags
Report a bug
Asked by
Jesse Herrera
Top achievements
Rank 1
Answers by
Steve
Telerik team
Jesse Herrera
Top achievements
Rank 1
Jordan
Telerik team
Share this question
or