How can I add an HTML content to Tab control via Client API?

[Igor Savin]

Hi,

I've added some tabs to my instance of RadTabStrip and now I need to populate particular tab with HTML which I've got before via JQuery. How can I attach this HTML to the particular tab?

[Shinu]

Hi,

Please have a look into the sample code snippet to add HTML content to RadTabStrip from Client side.

ASPX:

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1">
    <Tabs>
        <telerik:RadTab Text="Tab1" PageViewID="RadPageView1">
        </telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server">
    <telerik:RadPageView ID="RadPageView1" runat="server">
    </telerik:RadPageView>
</telerik:RadMultiPage>

JavaScript:

<script type="text/javascript">
    function pageLoad() {
        var Mulitpage = $find("<%=RadMultiPage1.ClientID %>");
        Mulitpage.findPageViewByID("RadPageView1")._element.innerHTML = "<span >Demo</span>";
    }
</script>

Thanks,
Shinu.