Add Images to Tab Strip Header

7 posts, 0 answers
  1. Support
    Support avatar
    9 posts
    Member since:
    Oct 2012

    Posted 07 Jul 2013 Link to this post

    I am working on a dashboard project which uses the tab strip control. I need to add the date and a company logo into the tab strip header, as shown in this screenshot.

    https://www.dropbox.com/s/lphmae0bj98c7nt/screen.PNG

    How can I achieve this?
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2593 posts

    Posted 09 Jul 2013 Link to this post

    Hi,

    In order to achieve this you could add additional elements in the TabStrip HTML and use custom CSS to style them in the desired way. More detailed information about customizing the appearance is available in the corresponding documentation

    Regards,
    Iliana Nikolova
    Telerik
    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. Stefan
    Stefan avatar
    29 posts
    Member since:
    Nov 2015

    Posted 06 Dec 2015 in reply to Iliana Nikolova Link to this post

    Is it possible to add more than one image to tabstrip?

    I tried calling imageUrl twice, but it didn't work.

  5. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 08 Dec 2015 Link to this post

    Hello Stefan,

     

    you may add arbitrary content in the tab (including images) by using the encoded: false item configuration option.

     

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  6. Stefan
    Stefan avatar
    29 posts
    Member since:
    Nov 2015

    Posted 15 Dec 2015 in reply to Petyo Link to this post

    Hi Petyo,

     

    Can you please post an example implementing this? Adding multiple images with different classes in tabstrip.

  7. Petyo
    Admin
    Petyo avatar
    2438 posts

    Posted 17 Dec 2015 Link to this post

    Hello Stefan,

     

    the implementation is just a matter of adding any kind of HTML markup to the text configuration option of the item.

     

    Regards,
    Petyo
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  8. Stefan
    Stefan avatar
    29 posts
    Member since:
    Nov 2015

    Posted 17 Dec 2015 in reply to Petyo Link to this post

    Hi Petyo,

    Got it. Thank you.

Back to Top
Kendo UI is VS 2017 Ready