Icon View Thread

The following is the text of the current message along with any replies.
Messages 1 to 4 of 4 total
Thread understanding responsive design
Fri, Feb 12 2016 3:26 PMPermanent Link

erickengelke

Avatar

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.
Sat, Feb 13 2016 3:18 AMPermanent Link

Uli Becker

<<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
Sat, Feb 13 2016 10:53 AMPermanent Link

erickengelke

Avatar

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
Mon, Feb 15 2016 1:04 PMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

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
Image