Plain Text without Icon

3 posts, 0 answers
  1. Afxe
    Afxe avatar
    10 posts
    Member since:
    Jun 2012

    Posted 21 Jun 2012 Link to this post

    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. Afxe
    Afxe avatar
    10 posts
    Member since:
    Jun 2012

    Posted 21 Jun 2012 Link to this post

    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.
  3. Kendo UI is VS 2017 Ready
  4. Eyal
    Eyal avatar
    2 posts
    Member since:
    Jan 2013

    Posted 14 Jan 2013 Link to this post

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