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

Add Images to Tab Strip Header

6 Answers 213 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Support
Top achievements
Rank 1
Support asked on 07 Jul 2013, 11:45 PM
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?

6 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 09 Jul 2013, 10:14 AM
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!
0
Stefan
Top achievements
Rank 1
answered on 07 Dec 2015, 04:51 AM

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

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

0
Petyo
Telerik team
answered on 08 Dec 2015, 03:37 PM

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!
 
0
Stefan
Top achievements
Rank 1
answered on 15 Dec 2015, 09:15 AM

Hi Petyo,

 

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

0
Petyo
Telerik team
answered on 17 Dec 2015, 08:28 AM

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!
 
0
Stefan
Top achievements
Rank 1
answered on 17 Dec 2015, 08:51 AM

Hi Petyo,

Got it. Thank you.

Tags
TabStrip
Asked by
Support
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Stefan
Top achievements
Rank 1
Petyo
Telerik team
Share this question
or