RadTab Width Percentage

2 posts, 0 answers
  1. Skip
    Skip avatar
    14 posts
    Member since:
    Mar 2013

    Posted 23 Jan 2015 Link to this post


    I am trying to create a simple RadTabStrip with 2 RadTab's.  I would like the RadTabStrip width to be 100% and each RadTab to be 50%.  But when I put a percentage in the RadTab like below it seems to ignore it.

    I am using Telerik UI  for ASP.net Ajax v.2014.3.1209.40.  Thanks in advance.  I appreciate the help.

    <div style="width: 100%; max-width: 1000px;">
        <telerik:RadTabStrip runat="server" ID="RadTabStrip2" MultiPageID="RadMultiPage1" SelectedIndex="0" Skin="BlackMetroTouch" Width="100%">
                <telerik:RadTab Text="Sign In" Width="50%"></telerik:RadTab>
                <telerik:RadTab Text="Sign Out" Width="50%"></telerik:RadTab>
  2. Ivan Danchev
    Ivan Danchev avatar
    788 posts

    Posted 27 Jan 2015 Link to this post


    You need to set the RadTabStrip's Align property to "Justify":

    <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Align="Justify"></telerik:RadTabStrip>

    This will resize the tabs proportionally and they will take the full width of the tabstrip.

    Ivan Danchev

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft R3 2016 release webinar banner
Back to Top