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?
Any clues?
1 Answer, 1 is accepted
0
Hi Dave,
Please find below a sample code snippet that shows the needed approach.
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.
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.