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

RadSplitter Height Percentage in ascx

1 Answer 68 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Tarun
Top achievements
Rank 1
Tarun asked on 10 Apr 2012, 12:16 PM
Hi, I am trying to make my splitter fit into the div that i specify.
Following code works perfect when placed inside aspx, but the UI changes (radSplitter now takes default width and height of 400px) when the same code is places inside the ascx.

I am not sure, why ? Ideally, the RadSplitter should use the absolute dimensions of the container to set its width and height.
Why should i bother to set the dimensions for all parent containers ?? The moment i specify absolute values for the container, the child controls should use those values.

Please correct me if my understanding is wrong.

<
div style="width: 700px; height: 500px; border: 2px solid orange;">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
    <telerik:RadSplitter ID="SplitterHorizontal" runat="server" height="100%" width="100%" Scrolling="None">
        <telerik:RadPane ID="LeftPane" runat="server" width="30%">           
            <telerik:RadSplitter ID="VerticalSplitter" Orientation="Horizontal" runat="server">
                <telerik:RadPane ID="LeftTopPane" runat="server" style="height:50%">
                </telerik:RadPane>
                <telerik:RadSplitBar ID="HorizontalSplitBar" runat="server" CollapseMode="Forward" />
                <telerik:RadPane ID="LeftBottomPane" runat="server" height="50%" >                   
                </telerik:RadPane>
            </telerik:RadSplitter>       
        </telerik:RadPane>
        <telerik:RadSplitBar ID="VerticalSplitBar" runat="server" CollapseMode="Forward" />
        <telerik:RadPane ID="RightPane" runat="server" width="70%">
        </telerik:RadPane>
    </telerik:RadSplitter>
</div>

1 Answer, 1 is accepted

Sort by
0
Dobromir
Telerik team
answered on 12 Apr 2012, 12:24 PM
Hi Tarun,

Yes, you are correct, if the direct parent of the splitter have fixed width / height you do not need to set height to the rest of the parent elements.

I tried to reproduce the problem with the provided code snippet but to no avail. For your convenience I have attached my test page, could you please modify it to the point where the problem occurs and send it back so we can examine and debug the issue locally?

Regards,
Dobromir
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Splitter
Asked by
Tarun
Top achievements
Rank 1
Answers by
Dobromir
Telerik team
Share this question
or