[Solved] Set radSplitter occupy 100% height without the hieght of the toolbar

[Sébastien]

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 :

<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

[Yana]

Hi Sébastien,

You should set HeightOffset property of the splitter to the height of the toolbar:

<telerik:RadSplitter ID="RadSplitter1" Runat="server" Orientation="Horizontal" Height="100%" Width="100%" HeightOffset="32" >

Best regards,
Yana
the Telerik team

[Sébastien]

Works fine, thanks!