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

RadTab Width Percentage

1 Answer 333 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Skip
Top achievements
Rank 1
Skip asked on 23 Jan 2015, 04:48 PM
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>

1 Answer, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 27 Jan 2015, 04:48 PM
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.

 
Tags
TabStrip
Asked by
Skip
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Share this question
or