Show / hide tabstrip item in footer

3 posts, 0 answers
  1. Ralf
    Ralf avatar
    5 posts
    Member since:
    Oct 2012

    Posted 20 Nov 2012 Link to this post

    Hi!

    I want to hide / show one or more tabstrip items in my footers. I have sevaral views in several layouts.

    $('.showafterlogin').show() should show all items, but shows only the item in the active view, not in the others.

    Is there a way to hide / show all items of all footers? What am i doing wrong?

    Thanks, Ralf

    <footer data-role="footer">

            <div data-role="tabstrip">

                <a data-icon="home" href="#home">Home</a>

                <a data-icon="globe" href="#standorte">Standorte</a>

                <a class="showafterlogin" data-icon="mostrecent" href="#kundendienst" style="display: none;">Kundendienst</a>

                <a data-icon="camera" href="#scanner">QR-Scanner</a>

                <a data-icon="more" href="#mehr">Mehr</a>

            </div>

        </footer>


  2. Jan-Dirk
    Jan-Dirk avatar
    327 posts
    Member since:
    Jun 2012

    Posted 23 Nov 2012 Link to this post

    This will hide the tabstrip:
    $(".km-tabstrip").hide();
    And this will show it:
    $(".km-tabstrip").show();
    I hope that this is what you are looking for.

    I am looking for something to disable/enable the tabstrip, but that is for a different thread.

  3. Kendo UI is VS 2017 Ready
  4. Ralf
    Ralf avatar
    5 posts
    Member since:
    Oct 2012

    Posted 27 Nov 2012 Link to this post

    Hi!

    Thank you for your answer.

    Meantime a used a workaround. I am now using just 1 layout and for each view i call a ...show function, which enables / disables buttons, etc. This is working for me.

    Ralf
Back to Top