TabStrip Persist Content

Updated on Jun 24, 2026

The TabStrip always renders the content of a Tab when this Tab becomes active. Once the Tab is deactivated, its content is disposed and re-initialized again when the user selects the corresponding Tab later.

To keep Tab content in the DOM after the Tab is deactivated, set the PersistContent boolean parameter of the TabStrip to true. In this way the inactive TabStrip content will be hidden with CSS. This is useful when tab content includes stateful components, such as forms or text inputs, where you want to preserve the state across tab switches without the need to use additional parameters or a custom app state service.

Persist the TabStrip content

<h3>PersistTabContent="true"</h3>

<TelerikTabStrip PersistTabContent="true">
    <TabStripTab Title="First">
        Type something in the textbox. Go to the other tab and then return.
        <br />
        <TelerikTextBox Width="200px" />
    </TabStripTab>
    <TabStripTab Title="Second">
        Go back to the first tab to see the typed content.
    </TabStripTab>
</TelerikTabStrip>

<h3>PersistTabContent="false"</h3>

<TelerikTabStrip>
    <TabStripTab Title="First">
        Type something in the textbox. Go to the other tab and then return.
        <br />
        <TelerikTextBox Width="200px" />
    </TabStripTab>
    <TabStripTab Title="Second">
        The TextBox value in the first tab will not be persisted.
    </TabStripTab>
</TelerikTabStrip>

Next Steps

• Reorder and pin tabs
• Customize TabStrip UI with templates
• Change the number of tabs at runtime
• Manage TabStrip state
• Handle TabStrip events

See Also

• Live Demo: TabStrip - Persist Tab Content
• Render All TabStrip Tabs Initially