Infragistics Home

Infragistics Forums

Infragistics community online discussions.
Welcome to Infragistics Forums Sign in | FAQ
in Search

how to adjust webSplitter height ?

Last post 08-04-2008 17:29 by Link_076. 3 replies.
Page 1 of 1 (4 items)
Sort Posts: Previous Next
  • 07-29-2008 9:10

    • rosierma
    • Not Ranked
    • Joined on 07-29-2008
    • Points 70

    how to adjust webSplitter height ?

    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.

    Filed under: ,
    • Post Points: 20
  • 08-03-2008 14:03 In reply to

    • Link_076
    • Not Ranked
    • Joined on 08-03-2008
    • Points 70

    Re: how to adjust webSplitter height ?

    Hi,

     

    Got the same problem so if someone could help use?

     

    Steve

    • Post Points: 20
  • 08-04-2008 4:04 In reply to

    • rosierma
    • Not Ranked
    • Joined on 07-29-2008
    • Points 70

    Re: how to adjust webSplitter height ?

    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.

    Mamat.

     

    • Post Points: 50
  • 08-04-2008 17:29 In reply to

    • Link_076
    • Not Ranked
    • Joined on 08-03-2008
    • Points 70

    Re: how to adjust webSplitter height ?

    Thanks it works !

    • Post Points: 5
Page 1 of 1 (4 items)
Powered by Community Server (Commercial Edition), by Telligent Systems