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

Two-line text tabs

6 Answers 56 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
Veteran
David asked on 18 Sep 2014, 08:13 PM
My tabstrip doesn't fit into space allowed. I would like to print my tab text in two line to make tabs shorter. Intuitive solution to decrease width and increase height doesn't seem to work

 <telerik:RadTabStrip runat="server" ID="RadTabStrip1"
                        Orientation="HorizontalTop"  Align="Center"  
                        style="width:100%; margin-top:10px;"
                        SelectedIndex="0" MultiPageID="rmpValueAdded"             
                        Skin="Default">
                        <Tabs>
                            <telerik:RadTab Text="Total Value Added" Width="100px" Height="50px"/>
                            <telerik:RadTab Text="Employee Compensation"/>
                            <telerik:RadTab Text="Proprietor Income"/>
                            <telerik:RadTab Text="Other Property Type Income"/>
                            <telerik:RadTab Text="Tax on Production and Imports"/>
                        </Tabs>
</telerik:RadTabStrip>

Please help

6 Answers, 1 is accepted

Sort by
0
David
Top achievements
Rank 1
Veteran
answered on 22 Sep 2014, 02:30 PM
Any advice? There are gotta be a way
0
Nencho
Telerik team
answered on 23 Sep 2014, 12:28 PM
Hello David,

Thank you for contacting Telerik Support.

I am afraid that with the currently used skin - Default, the desire layout could not be achieved. The RadTabStrip uses a css sprite image for its rendering with this skin and setting Height would reflect as the experienced problematic rendering. This is why, I would suggest you the following approaches, in order to achieve the desired layout:

Hope this information helps. I will be glad to assist you any further.


Regards,
Nencho
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.

 
0
David
Top achievements
Rank 1
Veteran
answered on 23 Sep 2014, 01:01 PM
Understood. I think you forgot to attach TabStrip folder to your example. Thank you
0
David
Top achievements
Rank 1
Veteran
answered on 25 Sep 2014, 12:36 PM
Nencho? I think you forgot to attach TabStrip folder to your example. Can you resend you example, please?
0
Nencho
Telerik team
answered on 26 Sep 2014, 10:32 AM
Hello David,

This is quite strange, since I am able to download the referenced attachment. However, I am reattaching the example and below you could find a video, demonstrating the behavior at my end.

http://screencast.com/t/ERKFfieZV

Regards,
Nencho
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.

 
0
David
Top achievements
Rank 1
Veteran
answered on 29 Sep 2014, 03:41 PM
I got it. Thank you
Tags
TabStrip
Asked by
David
Top achievements
Rank 1
Veteran
Answers by
David
Top achievements
Rank 1
Veteran
Nencho
Telerik team
Share this question
or