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
60
Web Splitter Resizing
posted

Hi,

I have a web splitter on a master page with a number of different panes. If my browser window is maximized, and I un-maximize the browser, the splitters do not resize to the new width of the browser, causing horizontal scroll bars to appear at the bottom of the page. The controls nested inside the splitter already have horizontal scroll bars so this cannot happen.

The splitters are in a horizontal orientation, with heights specified (no widths). The main WebSplitter tag has a 100% width specified. The wierd thing is that when the browser is un-maximized and I maximize it, the splitters expand to fill the width of the page. It does not work in the other direction.

I tried using jquery to resize a wrapper div, but the scroll bars continued to appear. I hid the overflow of the wrapper div and the scroll bar disappeared, but the content is no longer centered and it looks sloppy. There must be a way to resize the websplitter when the browser window goes down in size. I am OK with using jquery to do so, but cannot find anything in the javascript documentation to accomplish this.

Please let me know if there is anything within your API that allows this.

Thanks.

Parents
  • 60
    Verified Answer
    posted

    I found that the WebSplitter control has a "DynamicResize" property. I set this property to true, and retested a few scenarios and everything appears to be working.

Reply Children
No Data