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

TabStrip auto resize height?

1 Answer 233 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Tuho
Top achievements
Rank 1
Tuho asked on 27 Jun 2018, 05:33 AM

I have a vertical tabstrip and it doesn't resize the height. How do I get it to resize and not used a fixed height with unnecessary whitespace at the bottom?

 

<telerik:RadTabStrip ID="TabStrip" runat="server" MultiPageID="Tabs" Orientation="VerticalLeft">
    <Tabs>
        <telerik:RadTab Text="Tab1" PageViewID="Tab1"></telerik:RadTab>
        <telerik:RadTab Text="Tab2" PageViewID="Tab2"></telerik:RadTab>
    </Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="Tabs" runat="server" SelectedIndex="0" BorderColor="Red" BorderStyle="Solid" BorderWidth="1px" CssClass="RadTabStripVertical">
    <telerik:RadPageView ID="Tab1" runat="server">
    aaaa
    <br /><br />
    bbbb
    <br /><br />
    cccc
    <br /><br />
    dddd
    <br /><br />
    eeee
    </telerik:RadPageView>
    <telerik:RadPageView ID="Tab2" runat="server">
    ffff
    <br /><br />
    gggg
    <br /><br />
    hhhh
    <br /><br />
    iiii
    <br /><br />
    jjjj
    </telerik:RadPageView>
</telerik:RadMultiPage>

1 Answer, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 29 Jun 2018, 06:54 AM
Hello Tuho,

You can achieve this requirement using the approach provided in the following post:
https://www.telerik.com/forums/cannot-set-radmultipage-to-height-100-only-fixed-height#-PNA44Ke5ES3BJcIVWHj5A

I hope this will prove helpful.

Regards,
Eyup
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
TabStrip
Asked by
Tuho
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Share this question
or