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

full height tab strip?

1 Answer 142 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
ehsan
Top achievements
Rank 1
ehsan asked on 21 Jul 2009, 09:41 AM
hi telerik
i have rad tab strip with 3 tabs.
<table border="1" cellpadding="1" cellspacing="1" style="width: 100%; height: 100%; margin: 0px; background-color: Olive;"
        <tr valign="top" style="height: 10px;"
            <td></td
        </tr> 
        <tr valign="top"
            <td> 
                <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Office2007" MultiPageID="RadMultiPage1" > 
                    <Tabs> 
                        <telerik:RadTab runat="server" Text="123" PageViewID="RadPageView1" > 
                        </telerik:RadTab> 
                        <telerik:RadTab runat="server" Text="123" PageViewID="RadPageView2"
                        </telerik:RadTab> 
                        <telerik:RadTab runat="server" Text="123" PageViewID="RadPageView3"
                        </telerik:RadTab> 
                    </Tabs> 
                </telerik:RadTabStrip> 
                <telerik:RadMultiPage ID="RadMultiPage1" runat="server" Width="100%" Height="100%"
                    <telerik:RadPageView ID="RadPageView1" runat="server" Height="100%" BackColor ="#DFECF7" >
                    </telerik:RadPageView> 
                    <telerik:RadPageView ID="RadPageView2" runat="server" Height="100%" BackColor ="#DFECF7">* 
                    </telerik:RadPageView> 
                    <telerik:RadPageView ID="RadPageView3" runat="server" Height="100%" BackColor ="#DFECF7">* 
                    </telerik:RadPageView> 
                </telerik:RadMultiPage> 
            </td> 
        </tr> 
    </table> 
 i want to my pageviews(rad tab strip) be full in height(100%) of my browser (full vertical).
how i can do that?

thanks.

1 Answer, 1 is accepted

Sort by
0
Mr. Plinko
Top achievements
Rank 1
answered on 21 Jul 2009, 04:12 PM
I think I've found your problem.

in your <html>, <body>, and <form> tags add the following:
style="height: 100%"

I tried it with your code and it came out wonderfully.

or if you are using CSS (this should work although I haven't tried it):
html, body, form
{
height: 100%;
}
Tags
TabStrip
Asked by
ehsan
Top achievements
Rank 1
Answers by
Mr. Plinko
Top achievements
Rank 1
Share this question
or