All,
Im using a TabStrip/Multipage combination whose rendering is way off in Firefox. I am not using any skins, instead just setting the image properties of each tab. See below:
The width of the non-active tabs are shrinked only in Firefox. Only the active tab renders correctly.
Im using a TabStrip/Multipage combination whose rendering is way off in Firefox. I am not using any skins, instead just setting the image properties of each tab. See below:
<table width="951" align="center" cellpadding="0" cellspacing="0" border="0" > |
<tr> |
<td width="100%" style="padding-left:8px; padding-bottom:5px; FONT-SIZE: 18px; COLOR: #0580e9; FONT-FAMILY:ARIAL; font-weight:bold" colspan="2"> |
<asp:Label ID="lblTitle" runat="server"></asp:Label> |
</td> |
</tr> |
<tr> |
<td> |
<radTS:RadTabStrip id="RadTabStrip1" runat="server" Skin="DifferentTabs" Width="691px" |
OnTabClick="RadTabStrip1_TabClick" MultiPageID="RadMultiPage1" AutoPostBack="True" |
CausesValidation="False" > |
<tabs> |
<radTS:Tab runat="server" Width="50px" Text="" SelectedImageUrl="Images/Quick Pricing/departure_info_rollover.gif" PageViewID="PageView1" Value="DepartureInfo" ID="Tab1" ImageOverUrl="~/Images/Quick Pricing/departure_info_1.gif" ImageUrl="Images/Quick Pricing/departure_info.gif"></radTS:Tab> |
<radTS:Tab runat="server" Width="50px" Text="" SelectedImageUrl="Images/Quick Pricing/stateroom_rollover.gif" PageViewID="PageView2" Value="Stateroom" ID="Tab2" ImageOverUrl="~/Images/Quick Pricing/stateroom_1.gif" ImageUrl="Images/Quick Pricing/stateroom.gif"> |
<Tabs> |
<radTS:Tab BackColor="#E7F0FB" runat="server" Width="100px" Text="" SelectedImageUrl="Images/Quick Pricing/category_selected.gif" Value="Category" ID="Tab3" ImageUrl="Images/Quick Pricing/category.gif" PageViewID="PageView2"></radTS:Tab> |
<radTS:Tab runat="server" BackColor="#E7F0FB" Width="586px" Text="" SelectedImageUrl="Images/Quick Pricing/location_selected.gif" Value="Location" ID="Tab4" ImageUrl="Images/Quick Pricing/location.gif" PageViewID="PageView3"></radTS:Tab> |
</Tabs> |
</radTS:Tab> |
<radTS:Tab runat="server" Width="50px" Text="" SelectedImageUrl="Images/Quick Pricing/guest_info_rollover.gif" Value="GuestInfo" ID="Tab5" ImageOverUrl="~/Images/Quick Pricing/guest_info_1.gif" ImageUrl="Images/Quick Pricing/guest_info.gif"> |
<Tabs> |
<radTS:Tab runat="server" BackColor="#E7F0FB" Width="50px" Text="" Height="34" SelectedImageUrl="Images/Quick Pricing/primaryguest_selected.gif" Value="PrimaryGuest" ID="Tab6" ImageUrl="Images/Quick Pricing/primaryguest.gif" PageViewID="PageView4"></radTS:Tab> |
<radTS:Tab runat="server" BackColor="#E7F0FB" Width="550px" Height="34" Text="" SelectedImageUrl="Images/Quick Pricing/additionalguests_selected.gif" Value="AdditionalGuest" ID="Tab7" ImageUrl="Images/Quick Pricing/additionalguests.gif" PageViewID="PageView5"></radTS:Tab> |
</Tabs> |
</radTS:Tab> |
<radTS:Tab runat="server" Width="50px" Text="" SelectedImageUrl="Images/Quick Pricing/payment_rollover.gif" Value="Payment" ID="Tab8" ImageOverUrl="~/Images/Quick Pricing/payment_1.gif" ImageUrl="Images/Quick Pricing/payment.gif" PageViewID="PageView6"></radTS:Tab> |
</tabs> |
</radTS:RadTabStrip> |
<table cellspacing="0" cellpadding="0" border="0"> |
<tbody> |
<tr> |
<td width="750"> |
<radTS:RadMultiPage id="RadMultiPage1" runat="server" EnableViewState="true" RenderSelectedPageOnly="true"> |
<radTS:PageView ID="PageView1" runat="server" Width="700" > |
<uc1:DepartureInfo ID="DepartureInfo1" runat="server" /> |
</radTS:PageView> |
<radTS:PageView ID="PageView2" runat="server" Width="700"> |
<uc1:Category ID="Category" runat="server" /> |
</radTS:PageView> |
<radTS:PageView ID="PageView3" runat="server" Width="700"> |
<uc1:Location ID="Location" runat="server" /> |
</radTS:PageView> |
<radTS:PageView ID="PageView4" runat="server" Width="700"> |
<uc1:PrimaryGuest ID="PrimaryGuest" runat="server" /> |
</radTS:PageView> |
<radTS:PageView ID="PageView5" runat="server" Width="700"> |
<uc1:AdditionalGuest ID="AddGuest1" runat="server" /> |
</radTS:PageView> |
<radTS:PageView ID="PageView6" runat="server" Width="700"> |
<uc3:BookPayment id="BookPayment1" runat="server"></uc3:BookPayment> |
</radTS:PageView> |
</radTS:RadMultiPage> |
</td> |
</tr> |
</tbody> |
</table> |
</td> |
<td width="227" align="left" valign="top"> |
<CCL:BookingSummary ID="BookingSummary1" runat="server" /> |
</td> |
</tr> |
</table> |
The width of the non-active tabs are shrinked only in Firefox. Only the active tab renders correctly.