Show and Hide the Tab Strip control

3 posts, 1 answers
  1. Grant
    Grant avatar
    1 posts
    Member since:
    Jun 2011

    Posted 21 Jun 2012 Link to this post

    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.
  3. Answer
    Alexander Valchev
    Admin
    Alexander Valchev avatar
    2895 posts

    Posted 25 Jun 2012 Link to this post

    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!
  5. Grant
    Grant avatar
    1 posts
    Member since:
    Jun 2011

    Posted 25 Jun 2012 Link to this post

    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,
Back to Top