hi
I need to resize a webSplitter to the window's height. I tried with percentage but it doesn't work. I want now to resize it with javascript :
function onCollapsed(sender, Args) { //On horizontal splitter, I collapse the top pane and try to resize the bottom pane var pane = sender.getPaneAt(1); pane.set_size(800); }
the set_size property in igSplitter.js thrown an error on line 1743 "pane = ctr._validPane(this, -1, 1);".ctr doesn't exist in the rest of the document (ctl ?)I modified the source but I either can't change the property value... Is it a bug ?How can I resize correctly my pane?
Mamat.
Hi,
Got the same problem so if someone could help use?
Steve
Hi Steve!
I solve that problem without using javascript. To set the splitter's height equals to window use this code:
<html><head>
<style type="text/css">
*{ border: 0; margin: 0; padding: 0;}
html,body{ height:100%; width:100%;}
#content{ height: 100% /* here you can adjust size */}
.split{ border:0; /* optionnal */}
</style>
</head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <div id="content"> <cc1:WebSplitter ID="WebSplitter1" runat="server" CssClass="split" Orientation="Horizontal" Height="100%"> <Panes> <cc1:SplitterPane runat="server" MaxSize="112px" MinSize="0px" CollapsedDirection="PreviousPane"> <Template>
/* PANE 1 */ </Template> </cc1:SplitterPane> <cc1:SplitterPane runat="server"> <Template> /* PANE 2 */
</Template> </cc1:SplitterPane> </Panes> </cc1:WebSplitter> </div></body>
the div will take all height that you will give to him and the websplitter will fill the div.