This is a migrated thread and some comments may be shown as answers.

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

2 Answers 63 Views
ToolBar
This is a migrated thread and some comments may be shown as answers.
Sébastien
Top achievements
Rank 1
Sébastien asked on 23 Jun 2010, 07:26 PM
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 Answers, 1 is accepted

Sort by
0
Accepted
Yana
Telerik team
answered on 25 Jun 2010, 02:12 PM
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
0
Sébastien
Top achievements
Rank 1
answered on 25 Jun 2010, 04:13 PM
Works fine, thanks!
Tags
ToolBar
Asked by
Sébastien
Top achievements
Rank 1
Answers by
Yana
Telerik team
Sébastien
Top achievements
Rank 1
Share this question
or