Set radSplitter occupy 100% height without the hieght of the toolbar

3 posts, 1 answers
  1. Sébastien
    Sébastien avatar
    55 posts
    Member since:
    Jun 2010

    Posted 23 Jun 2010 Link to this post

    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
  2. Answer
    Yana
    Admin
    Yana avatar
    4554 posts

    Posted 25 Jun 2010 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Sébastien
    Sébastien avatar
    55 posts
    Member since:
    Jun 2010

    Posted 25 Jun 2010 Link to this post

    Works fine, thanks!
Back to Top