I think I understand responsive design, but apparently not perfectly yet.

The four things involved in responsive design are:

1. The surface you are drawing on : both Form and ScrollPanel which must grow or shrink with the web browser
2. The order of LayoutOrder for each element
3. The size of margins
4. The values of the layout parameters

If you do all these right, everything makes sense.... almost.

My problem is: I change the size of my browser, and the ScrollBox grows or shrinks horizontally,and things overflow to lower positions, but it doesn't scroll vertically, so it clips off the bottom of my form.   I've enabled vertical scroll bars, but they never show up.

I'm so close to having this working.

<<My problem is: I change the size of my browser, and the ScrollBox grows or shrinks horizontally,and things overflow to lower positions, but it doesn't scroll vertically, so it clips off the bottom of my form.   I've enabled vertical scroll bars, but they never show up.>>

Can you Show what you have tried till now?

Uli

erickengelke wrote:

Okay, I figured it out, see point 5

1. The surface you are drawing on : both Form and ScrollPanel which must grow or shrink with the web browser
2. The order of LayoutOrder for each element
3. The size of margins
4. The values of the layout parameters
5. Set form to NO scroll bars, but ScrollPanel to Vertical scroll.

If you do all these right, everything works

Erick

Erick,

<< 5. Set form to NO scroll bars, but ScrollPanel to Vertical scroll. >>

Yes, you need to make sure that you're setting the scrolling for the proper container.  It's a little confusing at first because there are a lot of different levels of containers and scrolling, including the application's viewport, which is the outermost "body" element in the browser with native UI scrollbars (as opposed to the custom scrollbars in the EWB controls/components).

Tim Young
Elevate Software
www.elevatesoft.com