RadTabStrip showing contents of all tabs on page load

[Adam Wilson]

I have a RadTabStrip with 3 tabs.  The first tab should be selected and shown when the page loads.  I have included the html below and an attachment of the page when it loads the tabs.. I use the tabstrip in several other areas of the site with the same skin and have no issues at all. Any ideas?

I cut out alot of the code to simplify what is showing.

 

 

<telerik:RadTabStrip ID="RepWorkspaceTabStrip" runat="server" MultiPageID="RadMultiPage1" EnableEmbeddedSkins="false" Skin="CustomSkin" CausesValidation="false">

 

 

<Tabs>

 

 

<telerik:RadTab Text="Tracking Record Look-up" PageViewID="TrackingRecordTab" Selected="true" />

 

<telerik:RadTab Text="Rep Activity Summary" PageViewID="ActivitySummaryTab" />

 

<telerik:RadTab Text="Rep Activity Log" PageViewID="ActivityLogTab" />

 

</Tabs>
</telerik:RadTabStrip>

<

 

 

telerik:RadMultiPage ID="RadMultiPage1" SelectedIndex="0" runat="server">

 

 

 

 

 

<telerik:RadPageView ID="TrackingRecordTab" runat="server">

 

 

</telerik:RadPageView>

 

 

<telerik:RadPageView runat="server" ID="ActivitySummaryTab">

 

</telerik:RadPageView>

 

 

<telerik:RadPageView runat="server" ID="ActivityLogTab">

 

 

<telerik:RadGrid ID="RepActivityLogGrid" runat="server" PageSize="20" Skin="ATTSkin" EnableEmbeddedSkins="false" Width="100%" AllowPaging="true" Visible="true" AlternatingItemStyle-BackColor="#E7F6FD" ShowHeader="true">

 

 

<MasterTableView GridLines="None" AllowSorting="true" ShowHeadersWhenNoRecords="true"></MasterTableView>

 

 

<PagerStyle Mode="NumericPages" Position="Bottom" AlwaysVisible="True" />

 

 

</telerik:RadGrid>

 

 

</telerik:RadPageView>

 

 

</telerik:RadMultiPage>

 

 

 

[Veronica]

Hello Adam Wilson,

Unfortunately I was not able to reproduce your issue.

Could you please send the full code so we can inspect it and help you.

Thank you!

Kind regards,
Veronica Milcheva
the Telerik team

[Gaurav]

Hello,

I was facing the Same Problem.. And I find out the Solution for the Same...

Find out Multipageview Css  i.e. MultiPage.Css having : 

.rmpHiddenView

{

display: none;

}

.rmpHiddenView

{

display: none;

}

.rmpHiddenView

{

display: none;

}

.rmpHiddenView
{
display: none;
}

And Put that CSS on the MultiPageControl. By using that the Problem get Solved.

Hope This will Help You!!!

.rmpHiddenView

{

display: none;

}

[John Clark]

I'm having a very similar problem and I'd be interested to find out how this was resolved (if at all). 

I'm running 2010.3.1317.20 and I my specific symptoms are that I have a page with two separate sets of tabs (never visible at the same time), and the first set of those tabs always initially renders with all RadPageViews visible.  This only happens in Internet Explorer (in my case v8) - not in Firefox, Safari or Chrome, whose behaviour is as expected.

What I have here is a page with a RadTreeView control on the left, showing hierarchical data.  Depending on the level of the hierarchy the corresponding asp:Panel is shown and the other hidden.  Each asp:Panel contains its own instance of RadTabStrip, RadMultiPage and a number of RadPageViews, all configured correctly as far as I can tell. 

This problem only appears to affect the tabs on the first asp:Panel, not on the second, even though they are effectively identical in their configuration.

[Veronica]

Hello John,

Could you please send me a sample project and I will try to inspect the issue and solve it?

Thank you!

Regards,
Veronica Milcheva
the Telerik team

[jerrybentil]

Hi I was wondering if you found a solution to this problem...Thanks

[Kate]

Hi Jerrybentil,

We were not able to reproduce the issue on the first place and therefore we have no updates on it. If you could send us support ticket with the reproduced issue so that we could inspect it locally and determine what is causing it would be very helpful to us.

Best wishes,
Kate
the Telerik team

[jerrybentil]

Thanks for getting back to me. I took the following from the thread and it seams to work;

.rmpHiddenView
{
display: none;
}