Hi all,

I have the main form docked to fill the desktop.
On my main form I have 3 panels the same size containing some content, equally spaced across the page. As the browser window is resized horizontally, my code spaces these 3 panels out again, which all works well.
However, when the width is too small I want the 3 panels stacked vertically to flow down the page, and the page lengthened accordingly. I can get them to stack down the page, but I can't see how to change the page length.
No scrollbars appear so the lower 2 panels can't be scrolled into view properly as they now reside below the original form's height.
I tried altering the main form's height in code, but this leads to nasty recursion in the resize event and stack overflow.

What is the relationship between main form height, and desktop height etc in project options? How can this be changed at run time?

thanks,
Steve

I've found an interim solution. I've put the 3 panels inside another panel with scrollbars. I'd prefer the whole page to scroll, but at least now with the panel scrolling I can see all the content.
Maybe I need an outer panel filling the whole form first to achieve what I want?

It's a while since I did my responsive stuff, so I can't remember! The
main thing is to ensure that you have either turned on, or off, the
automatic desktop sizing in the project settings. The form resize event
then allows you (as you've surely found) to adjust everything.

--

Matthew Jones

Stephen Barker wrote:

>>I have the main form docked to fill the desktop.
>>On my main form I have 3 panels the same size containing some content, equally spaced across the page.

Hi Steve

As I understand it you'll need to wait until EWB 2 (potentially) to get the automatic "flow" that you describe. In the meantime you can achieve this, but it'll need a little code in the resize event to adjust your panel positions.

Mark