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

Show and Hide the Tab Strip control

2 Answers 526 Views
TabStrip (Mobile)
This is a migrated thread and some comments may be shown as answers.
Grant
Top achievements
Rank 1
Grant asked on 21 Jun 2012, 05:55 AM
Hi there,

Is there a way to show an initially hidden tab strip and then hide it again?

I tried a number of ways (adding display: none and i tried adding visibility: hidden) but they only seems to work once and then break scrolling etc.

It's not possible for me to use different views with different layouts defined (With and without a tab strip) because I require it for the same view.

Thanks in advance!

Rob

2 Answers, 1 is accepted

Sort by
0
Accepted
Alexander Valchev
Telerik team
answered on 25 Jun 2012, 08:00 AM
Hello Grant,

To achieve that I suggest using jQuery show()/hide() methods - for example:
function showTabStrip(){
    $(".km-tabstrip").show();
}
 
function hideTabStrip(){
    $(".km-tabstrip").hide();
}

In addition, I tried to add display: none to the mobile tabStrip element and it worked as expected - the component was rendered initially hidden and I did not managed to observe any issues with scrolling functionality. Could you please check my test page and let me know if I missed something?

Kind regards,
Alexander Valchev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Grant
Top achievements
Rank 1
answered on 25 Jun 2012, 01:39 PM
Hi Alexander,

Thanks for the sample, I can see it works there so it must be something i've done on my side.

I think it may be something to do with a app.navigate call I make,

Thanks,
Tags
TabStrip (Mobile)
Asked by
Grant
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Grant
Top achievements
Rank 1
Share this question
or