I have a panelbar nested in a spliter. I want the two panels to initially load as expanded and each using half of the available space, with the contents within each panel scrollable if necessary. Right now, it shows both panes, and the entire panelbar is scrollable.
The attached file is a PDF screen print of how it looks now, but you should be able to get an idea of what it is that I'm trying to achieve.
My code looks like:
Thanks in advance!
Steve
The attached file is a PDF screen print of how it looks now, but you should be able to get an idea of what it is that I'm trying to achieve.
My code looks like:
<telerik:RadSplitter ID="spltMain" Width="100%" Height="100%" runat="server"> |
<telerik:RadPane ID="paneMain" runat="server" Height="100%" Width="70%"> |
<telerik:RadPanelBar ID="pbarMain" runat="server" Width="100%" ExpandMode="MultipleExpandedItems"> |
<Items> |
<telerik:RadPanelItem Text="Dashboard" Font-Size="14px" ForeColor="White" Expanded="true" Height="50%"> |
<ItemTemplate> |
<div style="margin: 0px 5px 0px 5px;"> |
The dashboard will go here<br /> |
The dashboard will go here<br /> |
The dashboard will go here<br /> |
The dashboard will go here<br /> |
The dashboard will go here<br /> |
The dashboard will go here<br /> |
The dashboard will go here<br /> |
The dashboard will go here<br /> |
The dashboard will go here<br /> |
The dashboard will go here<br /> |
The dashboard will go here<br /> |
The dashboard will go here |
</div> |
</ItemTemplate> |
</telerik:RadPanelItem> |
<telerik:RadPanelItem Text="Most recently opened WO's" Font-Size="14px" ForeColor="White" Expanded="true" Height="50%"> |
<ItemTemplate> |
<div style="margin: 0px 5px 0px 5px;"> |
The WO info will go here<br /> |
The WO info will go here<br /> |
The WO info will go here<br /> |
The WO info will go here<br /> |
The WO info will go here<br /> |
The WO info will go here<br /> |
The WO info will go here<br /> |
The WO info will go here<br /> |
The WO info will go here<br /> |
The WO info will go here<br /> |
The WO info will go here<br /> |
The WO info will go here |
</div> |
</ItemTemplate> |
</telerik:RadPanelItem> |
</Items> |
</telerik:RadPanelBar> |
</telerik:RadPane> |
<telerik:RadPane ID="paneMsgArea" runat="server" Height="100%" Width="30%"> |
This should be the area where the emergency contact and messages will appear |
</telerik:RadPane> |
</telerik:RadSplitter> |
Thanks in advance!
Steve