I'm using a RadTabstrip with ScrollChildren enabled. I have it inside a header area created by using a RadSplitter. I also have the tabstrip inside a table that's used to layout the different parts of the header. A bare bones sample of the code is below.
The issue I'm running into is that with ScrollChildren enabled, the width of the tabstrip is calculated incorrectly in Firefox 3 and it stretches my table out to almost 10,000 px wide. In FF2 and IE7 it works fine and when I turn ScrollChildren off then everything works correctly in FF3. Any ideas on how to fix this?
<telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" Width="100%" Orientation="Horizontal" |
BorderSize="0" ResizeMode="EndPane"> |
<telerik:RadPane ID="rpTop" Height="80px" runat="server"> |
<table width="100%"> |
<tr> |
<td style="white-space: nowrap"> |
This is the left side of the header |
</td> |
<td width="100%" style="text-align: right; white-space: nowrap"> |
This is the right side of the header |
</td> |
</tr> |
<tr> |
<td colspan="2"> |
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" ScrollChildren="true" > |
<Tabs> |
<telerik:RadTab text="Testing"></telerik:RadTab> |
</Tabs> |
</telerik:RadTabStrip> |
</td> |
</tr> |
</table> |
</telerik:RadPane> |
<telerik:RadPane ID="rpContents" Height="100%" Width="100%" runat="server" Scrolling="none"> |
Here is my content |
</telerik:RadPane> </telerik:RadSplitter> |
The issue I'm running into is that with ScrollChildren enabled, the width of the tabstrip is calculated incorrectly in Firefox 3 and it stretches my table out to almost 10,000 px wide. In FF2 and IE7 it works fine and when I turn ScrollChildren off then everything works correctly in FF3. Any ideas on how to fix this?