Here is my problem,
I have a toolbar at the top of my page and a radSplitter bellow it. The splitter consist of two radPane that will contain something. I want to make the splitter occupy 100 % of the remaning space on the page, because the toolbar occupy some height and if I collasped the bottom pane, the splitbar goes outside the page (so I can't set the height to 100%).
Here is a sample code :
Thanks
I have a toolbar at the top of my page and a radSplitter bellow it. The splitter consist of two radPane that will contain something. I want to make the splitter occupy 100 % of the remaning space on the page, because the toolbar occupy some height and if I collasped the bottom pane, the splitbar goes outside the page (so I can't set the height to 100%).
Here is a sample code :
<div style="height:100%"> |
<telerik:RadToolBar ID="RadToolBar1" runat="server" Width="100%"> |
<Items> |
<telerik:RadToolBarButton runat="server" Text="Précédent"> |
</telerik:RadToolBarButton> |
<telerik:RadToolBarButton runat="server" Text="Suivant"> |
</telerik:RadToolBarButton> |
</Items> |
</telerik:RadToolBar> |
<telerik:RadSplitter ID="RadSplitter1" Runat="server" Orientation="Horizontal" Height="100%" Width="100%"> |
<telerik:RadPane ID="RadPane1" Runat="server" Height="50%"> |
<p>Pane 1</p> |
</telerik:RadPane> |
<telerik:RadSplitBar ID="RadSplitBar1" Runat="server" CollapseMode="Backward"> |
</telerik:RadSplitBar> |
<telerik:RadPane ID="RadPane2" Runat="server" Height="50%" Collapsed="True"> |
<p>Pane 2</p> |
</telerik:RadPane> |
</telerik:RadSplitter> |
</div> |
Thanks