TabStrip persisting content and selected tab on refresh

[MPatt]

Hi, I am replacing an existing control suite with Telerik and am trying to use the tabstrip to control navigation, with each tab pointing to a .Net page that isn't suitable to be put into a multipage due to complexity.

I found a suggestion in the forums to use an iframe which I have done but I find that when the page is refreshed the selected tab goes back to the first tab and trying to interrogate the iframe src using jquery just seems to bring back the intiailly set src.

Is there a way to persist the selected tab on page refresh?

My code is below.

Thanks, Matt

<telerik:RadTabStrip ID="rtsMainTabs" runat="server" Width="990px"

    CssClass="crmMainTabs" Skin="Simple" SelectedIndex="2">

    <Tabs>                      

        <telerik:RadTab

            NavigateUrl="home.aspx"

            Text="Front Page"

            Target="IFContent">

        </telerik:RadTab>

        <telerik:RadTab

            NavigateUrl="Page2.aspx"

            Text="Page2"

            Target="IFContent">

        </telerik:RadTab>

        <telerik:RadTab

            NavigateUrl="Page3.aspx"

            Text="Page3"

            Target="IFContent">

        </telerik:RadTab>

        <telerik:RadTab

            NavigateUrl="Page4.aspx"

            Text="Page4"

            Target="IFContent">

        </telerik:RadTab>

    </Tabs>

</telerik:RadTabStrip>

<iframe name="IFContent" id="IFContent" style="width:990px; height:720px;"
src="home.aspx"></iframe>

[Cori]

Hello MPatt,

Instead of using an iFrame to navigate between the different pages. Why don't you just add the TabStrip to a MasterPage and add that master page to each of those pages. Then in the master page you can use this approach to select the correct tab based on the url:

http://demos.telerik.com/aspnet-ajax/tabstrip/examples/applicationscenarios/sitenavigation/defaultcs.aspx

I hope that helps.

[MPatt]

Hi, thanks for the suggestion.  I am trying to replace an existing control suite without making too many other changes currently but I can see the benefit of using a MasterPage - personally I really don't like iframes but it seemed like a necessary compromise.

There is an added layer of complexity in that one of the pages loaded from the tabstrip has its own tabstrip so I would need a solution for nested tabstrips which I am not sure the masterpage approach would handle. iframes within iframes - not ideal...

I think that longer term we will revisit the application and refactor it properly but I need a sort of stop gap solution for now.

Thanks,

Matt

[Cori]

In that case, why not add a HiddenField to the page and when a tab is changed you can set which is selected in the HiddenField. Then, on every postback, you re-select the tab and set the url of the iFrame.

I think that should work.