This is a migrated thread and some comments may be shown as answers.

Tab Width in multiple browsers

2 Answers 16 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Veer
Top achievements
Rank 1
Veer asked on 05 Mar 2014, 12:44 AM
Hello, 

Tabs width in chrome is not divided equally, It looks good in IE but not in chrome. Please see attached images

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0" Width="100%"
                    AutoPostBack="true" MultiPageID="RadMultiPage1">
                    <Tabs>
                        <telerik:RadTab runat="server" Text="Upcoming" Width="33%" PageViewID="pvUpcoming"
                            SelectedIndex="0" Selected="True" Font-Bold="true" />
                        <telerik:RadTab runat="server" Text="Completed" Width="33%" PageViewID="pvCompleted"
                            Font-Bold="true" />
                        <telerik:RadTab runat="server" Text="Canceled" Width="33%" PageViewID="pvCancelled"
                            Font-Bold="true" />
                    </Tabs>
                </telerik:RadTabStrip>

2 Answers, 1 is accepted

Sort by
0
Accepted
Nencho
Telerik team
answered on 07 Mar 2014, 02:44 PM
Hello,

I would suggest you to set the Align property of the RadTabStrip to Justify, in order to achieve a consistent cross browser rendering with your current configurations.

Regards,
Nencho
Telerik

DevCraft Q1'14 is here! Watch the online conference to see how this release solves your top-5 .NET challenges. Watch on demand now.

0
Veer
Top achievements
Rank 1
answered on 07 Mar 2014, 03:27 PM
Thank you! That worked.
Tags
TabStrip
Asked by
Veer
Top achievements
Rank 1
Answers by
Nencho
Telerik team
Veer
Top achievements
Rank 1
Share this question
or