Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
megha
1405
Change the size of Splitter Pane dynamically
posted

I have a WebSplitter with two vertical splitterpanes. I want to collapse the first pane and also increase the size of second pane to 100% width. I have a datalist inside the second splitter pane and on collapsing the first pane the size of datalist along with the second pane should be increased to width 100%. Can anyone help me on how to do this on client side.

  • 19693
    Suggested Answer
    posted

    Hello mmegha ,

    Thank you for posting in our forums.

    I recommend you handling the Collapsed client side event.

    You can get the width of the second pane and set it to the datalist

    function WebSplitter1_Collapsed(sender, eventArgs)

    {

           ///<summary>

           ///

           ///</summary>

           ///<param name="sender" type="Infragistics.Web.UI.WebSplitter"></param>

           ///<param name="eventArgs" type="Infragistics.Web.UI.SplitterCollapsedStateEventArgs"></param>

     

        //Add code to handle your event here.

        var size = eventArgs.get_affectedPane().get_size();

    }

    Also please make sure that you have set  EnableRelativeLayout="true"

    Let me know if you need further assistance.