Posted
on Aug 14, 2010
(permalink)
Ok, I'm at my wit's end trying to get the HEIGHT property on the splitter to size appropriately. Whenever I put in a relative height, the value is ignored and I end up with a splitter with a height of 398 pixels. I've set html, body, form elements to 100%. I've tried everything except for writing client-side javascript to set the height when the document loads. If I set the Height property to "100%" it renders at 398 pixels. If I set the Height property to "15%" it renders at 398 pixels !!! I'm using the latest version of the control suite. What can be done to make this work ?
<telerik:RadSplitter runat="server" ID="radSplitter" Width="100%" Height="100%" BackColor="Yellow">
<telerik:RadPane ID="radLeftPane" runat="server" Width="20%" Height="100%" >
<asp:ContentPlaceHolder runat="server" ID="LeftColumn">
</asp:ContentPlaceHolder>
</telerik:RadPane>
<telerik:RadSplitBar ID="radLeftPaneSplitBar" runat="server" />
<telerik:RadPane ID="radMiddlePane" runat="server" Width="60%" Height="100%">
<asp:ContentPlaceHolder runat="server" ID="MiddleColumn">
</asp:ContentPlaceHolder>
</telerik:RadPane>
<telerik:RadSplitBar ID="radRightPaneSplitBar" runat="server" />
<telerik:RadPane ID="radRightPane" runat="server" Width="20%" Height="100%">
<asp:ContentPlaceHolder runat="server" ID="RightColumn">
</asp:ContentPlaceHolder>
</telerik:RadPane>
</telerik:RadSplitter>