Add Images to Tab Strip Header

[Support]

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?

[Iliana Dyankova]

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

[Stefan]

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

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

[Petyo]

Hello Stefan,

 

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

 

Regards,
Petyo
Telerik

 

 

[Stefan]

Hi Petyo,

 

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

[Petyo]

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

 

 

[Stefan]

Hi Petyo,

Got it. Thank you.