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

Plain Text without Icon

2 Answers 167 Views
TabStrip (Mobile)
This is a migrated thread and some comments may be shown as answers.
Afxe
Top achievements
Rank 1
Afxe asked on 21 Jun 2012, 12:07 PM
Hello,

I'm wondering if it's possible to create a tabstrip without any icon. Just the text.

Something like that:

<footer data-role="footer">
    <div data-role="tabstrip">
         <a>Sign In</a>
         <a>Register</a>
    </div>
</footer>

P.S. I tried it but I can't find the code in .css in order to remove the background empty "icon" box.

2 Answers, 1 is accepted

Sort by
0
Afxe
Top achievements
Rank 1
answered on 21 Jun 2012, 12:39 PM
Nvm I found it. You just need those styles:

.km-android .km-tabstrip .km-button .km-icon {background:transparent;}
.km-android .km-tabstrip .km-state-active .km-
icon {background:transparent;}

Of course if there is a better way feel free to inform me.
0
Eyal
Top achievements
Rank 1
answered on 14 Jan 2013, 03:47 PM
Hi Afxe,

Your solution helped get on the right track.
What worked for me in the end to completely hide the icon was (I have my own css class for my anchors)
#tools .km-icon { display: none; }

Thanks,
Eyal
Tags
TabStrip (Mobile)
Asked by
Afxe
Top achievements
Rank 1
Answers by
Afxe
Top achievements
Rank 1
Eyal
Top achievements
Rank 1
Share this question
or