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>