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

    Hello,

    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%">
            <Tabs>
                <telerik:RadTab Text="Sign In" Width="50%"></telerik:RadTab>
                <telerik:RadTab Text="Sign Out" Width="50%"></telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
    </div>
  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    829 posts

    Posted 27 Jan 2015 Link to this post

    Hello,

    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.

    Regards,
    Ivan Danchev
    Telerik
     

    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. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top