Two-line text tabs

7 posts, 0 answers
  1. David
    David avatar
    159 posts
    Member since:
    Mar 2014

    Posted 18 Sep 2014 Link to this post

    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
  2. David
    David avatar
    159 posts
    Member since:
    Mar 2014

    Posted 22 Sep 2014 Link to this post

    Any advice? There are gotta be a way
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 23 Sep 2014 Link to this post

    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.

     
  5. David
    David avatar
    159 posts
    Member since:
    Mar 2014

    Posted 23 Sep 2014 Link to this post

    Understood. I think you forgot to attach TabStrip folder to your example. Thank you
  6. David
    David avatar
    159 posts
    Member since:
    Mar 2014

    Posted 25 Sep 2014 Link to this post

    Nencho? I think you forgot to attach TabStrip folder to your example. Can you resend you example, please?
  7. Nencho
    Admin
    Nencho avatar
    1457 posts

    Posted 26 Sep 2014 Link to this post

    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.

     
  8. David
    David avatar
    159 posts
    Member since:
    Mar 2014

    Posted 29 Sep 2014 Link to this post

    I got it. Thank you
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017