This is a migrated thread and some comments may be shown as answers.
100% Height Problem
1 Answer 54 Views
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
David asked on 16 Jun 2009, 01:46 PM
Currently the group I am in is working on an application that is designed to utilize an Outlook style bar. We have placed the Telerik panel  for the Outlook style bar but can't get the bar to stay at 100%. We have tried setting everything under the sun and still no luck. It resides in a table that is set with and absolute height. I set the height of the panelbar to 100% and it still will only open cover a partial section of the table cell.

Any clues?

1 Answer, 1 is accepted

Sort by
0
Paul
Telerik team
answered on 16 Jun 2009, 02:07 PM
Hi Dave,

Please find below a sample code snippet that shows the needed approach.

<html xmlns="http://www.w3.org/1999/xhtml">  
<head runat="server">  
    <title></title>  
    <style type="text/css">  
        html, body, form  
        {  
            margin: 0;  
            height: 100%;  
        }  
    </style> 
</head> 
<body> 
    <form id="form1" runat="server">  
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
    </telerik:RadScriptManager> 
    <telerik:RadPanelBar ID="RadPanelBar1" runat="server" ExpandMode="FullExpandedItem" 
        Height="100%">  
        <Items> 
            <telerik:RadPanelItem runat="server" Expanded="True" Text="Root RadPanelItem1">  
                <Items> 
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">  
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">  
                    </telerik:RadPanelItem> 
                </Items> 
            </telerik:RadPanelItem> 
            <telerik:RadPanelItem runat="server" Text="Root RadPanelItem2">  
                <Items> 
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 1">  
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 2">  
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 3">  
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Child RadPanelItem 4">  
                    </telerik:RadPanelItem> 
                </Items> 
            </telerik:RadPanelItem> 
        </Items> 
    </telerik:RadPanelBar> 
    </form> 
</body> 
</html> 


Kind regards,
Paul
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Asked by
David
Top achievements
Rank 1
Answers by
Paul
Telerik team
Share this question
or