Tab Width in multiple browsers

3 posts, 1 answers
  1. RP2414
    RP2414 avatar
    14 posts
    Member since:
    Jul 2011

    Posted 04 Mar 2014 Link to this post

    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. Answer
    Nencho
    Admin
    Nencho avatar
    1458 posts

    Posted 07 Mar 2014 Link to this post

    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.

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. RP2414
    RP2414 avatar
    14 posts
    Member since:
    Jul 2011

    Posted 07 Mar 2014 Link to this post

    Thank you! That worked.
Back to Top