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

Show / hide tabstrip item in footer

2 Answers 166 Views
TabStrip (Mobile)
This is a migrated thread and some comments may be shown as answers.
Dner
Top achievements
Rank 1
Dner asked on 20 Nov 2012, 01:28 PM
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 Answers, 1 is accepted

Sort by
0
Jan-Dirk
Top achievements
Rank 1
answered on 23 Nov 2012, 09:48 AM
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.

0
Dner
Top achievements
Rank 1
answered on 27 Nov 2012, 01:52 PM
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
Tags
TabStrip (Mobile)
Asked by
Dner
Top achievements
Rank 1
Answers by
Jan-Dirk
Top achievements
Rank 1
Dner
Top achievements
Rank 1
Share this question
or