How to make a prompt on the icon of the TabStrip?

5 posts, 1 answers
  1. Vence
    Vence avatar
    3 posts
    Member since:
    Sep 2012

    Posted 22 Oct 2012 Link to this post

     Hello,

    I don't know how to make an icon in TabStrip like as in the following picture

    http://i.imgur.com/9iSr4.png , like a new prompt.

    sorry for my bad English.
  2. Answer
    Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 23 Oct 2012 Link to this post

    Hi Vence,

    An icon badge is not officially supported, but you can use the available styling by just adding a span with class .km-badge inside the button. Something like this:


    Regards,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Vence
    Vence avatar
    3 posts
    Member since:
    Sep 2012

    Posted 23 Oct 2012 Link to this post

    I solve it :)

    Thank you very much.
  5. erich
    erich avatar
    3 posts
    Member since:
    Oct 2012

    Posted 02 Feb 2013 Link to this post

    Hi, I've tried this and it 'works'.  But the badge seems to get 'cutoff' by both the top of the tab strip and the right margin of the button.
  6. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 06 Feb 2013 Link to this post

    Hello Erich,

    There's probably overflow: hidden on the said elements, you can try to override it with overflow: visible.

    Regards,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready