I read another thread:http://www.telerik.com/community/forums/aspnet-ajax/splitter/vertical-dimension-not-resizing-at-all.aspx#810082, but didn't get it working.
I have a very similar problem as hiss. I am trying to make a page with the head panel, and a split control under it. The width of both of them are set, however, i would like to resize the height of the split controls when I resize the windows. I made the height as 100%, but when i resize the windows, nothing happens. Could anyone help me here?
Here is my master page which contains the split control:
BTW, how do I attach pictures?
Thanks
I have a very similar problem as hiss. I am trying to make a page with the head panel, and a split control under it. The width of both of them are set, however, i would like to resize the height of the split controls when I resize the windows. I made the height as 100%, but when i resize the windows, nothing happens. Could anyone help me here?
Here is my master page which contains the split control:
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Basic.master.cs" Inherits="QuarkDocMngWeb.MasterPages.Basic" %> |
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik"%> |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
<script type="text/javascript" language="javascript"> |
function OnClientLoaded(sender, args) { |
sender.get_element().style.visibility = 'inherit'; |
} |
</script> |
<html xmlns="http://www.w3.org/1999/xhtml" > |
<head id="Head1" runat="server"> |
<title>Quark Document Management Web</title> |
<style type="text/css"> |
html, body, form |
{ |
height: 100%; |
margin: 0px; |
padding: 0px; |
} |
</style> |
</head> |
<body> |
<form id="form1" runat="server"> |
<asp:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server"> |
</asp:ScriptManager> |
<div class="main"> |
<asp:Panel ID="Panel1" runat="server" Height="110" Width="1035" Scrolling="None" BorderStyle="None"> |
<asp:contentplaceholder ID="HeaderContent" runat="server"> |
</asp:contentplaceholder> |
</asp:Panel> |
<telerik:radsplitter id="RadSplitter1" Orientation="Vertical" runat="server" EnableViewState="true" |
PanesBorderSize="0" FullScreenMode="false" Width="1018" BorderStyle="None" BorderWidth="0" |
BorderColor="White" BorderSize="0" Height="100%" HeightOffset="110" VisibleDuringInit="false" OnClientLoaded="OnClientLoaded"> |
<telerik:radpane id="LeftPane" runat="server" Height="100%" width="250" BackColor="#f8f7f5"> |
<asp:contentplaceholder ID="LeftContent" runat="server"> |
</asp:contentplaceholder> |
</telerik:radpane> |
<telerik:radsplitbar id="RadSplitBar1" runat="server" collapsemode="Forward"></telerik:radsplitbar> |
<telerik:radpane id="Radpane1" runat="server" Height="100%" width="768"> |
<asp:contentplaceholder ID="MainContent" runat="server"> |
</asp:contentplaceholder> |
</telerik:radpane> |
</telerik:radsplitter> |
</div> |
</form> |
</body> |
</html> |
Thanks