Icon View Thread

The following is the text of the current message along with any replies.
Messages 1 to 4 of 4 total
Thread Confused about layouts
Fri, Jul 1 2016 10:50 AMPermanent Link

Richard Mace

Hi All,

I have read (and re-read) the layouts section, but I can't seem to design a layout that I want to achieve.
Basically, I would like a form to start at 960 wide at a position of top centre (so that it's centred like a website), with an image at top left and a container (containing a label) in the top right. Then, as the browser window is collapsed in from the right, I would like the top right hand container to get closer and closer to the image (which is located at top left) until it is just about to touch and then reposition itself below it.

At the moment, as the browser closes in from the right, it get's to a point where the top left image is "forced" off of the browser page?

I have had a look at the responsive demo, but that appears to be different as the positioning of the form is top left and not top centre?

I hope that makes some sense.

Any pointers would be much appreciated.

Thanks

Richard
Fri, Jul 1 2016 1:01 PMPermanent Link

Matthew Jones

Richard wrote:

> form to start at 960 wide at a position of top centre (so that it's
....
> Any pointers would be much appreciated.

I think the problem here is that 960. I find things work better if you
make them fully fluid, so align to top left, stretch right, and perhaps
add some margin to keep it away from the edges.

If it isn't stretching automatically, then you need to adjust the width
manually on the OnSize event if the surface (window) is too small for
it to fit.


--

Matthew Jones
Fri, Jul 1 2016 3:43 PMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Richard,

<< I have read (and re-read) the layouts section, but I can't seem to design a layout that I want to achieve.
Basically, I would like a form to start at 960 wide at a position of top centre (so that it's centred like a website), with an image at top left and a container (containing a label) in the top right. Then, as the browser window is collapsed in from the right, I would like the top right hand container to get closer and closer to the image (which is located at top left) until it is just about to touch and then reposition itself below it.

At the moment, as the browser closes in from the right, it get's to a point where the top left image is "forced" off of the browser page? >>

Can you post what you've got ?  I'll modify it, or tell you how to modify it to get what you want.

Tim Young
Elevate Software
www.elevatesoft.com
Tue, Jul 5 2016 8:18 AMPermanent Link

Tim Young [Elevate Software]

Elevate Software, Inc.

Avatar

Email timyoung@elevatesoft.com

Richard,

Okay, I looked at what you emailed me, and the main problem is that you're setting your form's layout position to lpTopCenter.  This isn't really compatible with having the form be responsive to the width of the device/browser.  Normally, you would use lpTopLeft, stretch to lsBottomRight for a responsive form, and then have the *contents* of the form respond as necessary.  IOW, with responsive layouts, *everything* from the form on down is responsive to the outer browser window size.

Tim Young
Elevate Software
www.elevatesoft.com
Image