Replace Tab HTML

[Simon]

Hello,

Is there a way to replace Tab's HTML?  So far, the only solution I have is to remove the existing tab and then create a new tab with the updated HTML.

Best regards,

Simon

[Alexander Valchev]

Hi Simon,

You could use the contentElement method of the widget to get the tab content DOM element and jQuery.html method to replace its inner html. As an example:


Regards,
Alexander Valchev
the Telerik team

[Lee]

How would you go about adding custom icons/sprites to this example?

I have only seen examples (on web control) using DataSource and 'dataSpriteCssClass' property...And in this fashion I am unsure of how to go about getting my complex content into the DataSoruce element's 'content' property...

If possible, I'd be interested in seeing how to implement custom icons with complex (more than just a text value, some HTML) content when initializing the TabStrip from a DataSource and also, when initializing from HTML (divs)...


Thanks in advance!

- Lee

[Atanas Korchev]

Hi Lee,

 You just need to include the sprite/image html in the tab:

<li><span class="k-sprite sprite-classname"></span>This is a tab with a sprite</li>
<li><img src="image_url">This is a tab with an image</li>

Here is a live demo: http://jsbin.com/ozuwub/1/edit

Regards,
Atanas Korchev
the Telerik team