full height tab strip?

2 posts, 0 answers
  1. ehsan
    ehsan avatar
    27 posts
    Member since:
    Apr 2008

    Posted 21 Jul 2009 Link to this post

    hi telerik
    i have rad tab strip with 3 tabs.
    1 <table border="1" cellpadding="1" cellspacing="1" style="width: 100%; height: 100%; margin: 0px; background-color: Olive;"
    2         <tr valign="top" style="height: 10px;"
    3             <td></td
    4         </tr> 
    5         <tr valign="top"
    6             <td> 
    7                 <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Office2007" MultiPageID="RadMultiPage1" > 
    8                     <Tabs> 
    9                         <telerik:RadTab runat="server" Text="123" PageViewID="RadPageView1" > 
    10                         </telerik:RadTab> 
    11                         <telerik:RadTab runat="server" Text="123" PageViewID="RadPageView2"
    12                         </telerik:RadTab> 
    13                         <telerik:RadTab runat="server" Text="123" PageViewID="RadPageView3"
    14                         </telerik:RadTab> 
    15                     </Tabs> 
    16                 </telerik:RadTabStrip> 
    17                 <telerik:RadMultiPage ID="RadMultiPage1" runat="server" Width="100%" Height="100%"
    18                     <telerik:RadPageView ID="RadPageView1" runat="server" Height="100%" BackColor ="#DFECF7" >
    19                     </telerik:RadPageView> 
    20                     <telerik:RadPageView ID="RadPageView2" runat="server" Height="100%" BackColor ="#DFECF7">* 
    21                     </telerik:RadPageView> 
    22                     <telerik:RadPageView ID="RadPageView3" runat="server" Height="100%" BackColor ="#DFECF7">* 
    23                     </telerik:RadPageView> 
    24                 </telerik:RadMultiPage> 
    25             </td> 
    26         </tr> 
    27     </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.
  2. Mr. Plinko
    Mr. Plinko avatar
    56 posts
    Member since:
    Jul 2009

    Posted 21 Jul 2009 Link to this post

    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%;
    }
Back to Top