Which layout mode should I choose?

Frequently Asked Questions about Quick 'n Easy Web Builder
Locked
User avatar
pablo
Site Admin
Posts: 3976
Joined: Mon Feb 13, 2006 7:00 am
Location: Europe
Contact:

Which layout mode should I choose?

Post by pablo »

Quick 'n Easy Web Builder supports several layout modes.

Fixed/absolute layouts
By default layouts are fixed using absolute positions. This means that you can place objects anywhere you like, so you have complete control over the layout. The downside of this layout mode is that it will be harder to make the page responsive because the layout will only look perfect on the screen size it was designed for.
And since there is no 'structure' in the layout (objects can be placed anywhere in random order), there is no way for the browser to automatically re-position and/or scale the content based on the view port.
So to make sure the page content looks good on different viewports (screen sizes), you will have to implement breakpoints (different layout variations) of the same page.

Related tutorials:
http://quickandeasywebbuilder.com/respo ... esign.html
http://quickandeasywebbuilder.com/rwd_basics.html

Related FAQ:
viewtopic.php?f=49&t=43085


Flexible/floating layout
You can implement flexible layouts by using Layout Grids. This make it possible to create Bootstrap-like layouts. When using layout grids, the layout is controlled by the grids. Objects will automatically resize based on the available space in the viewport and the grid column size.
The downside of using layout grids is that you have less control over the layout. All objects will be positioned and resized automatically. So you are forced into a structured layouts.

Related tutorials:
http://quickandeasywebbuilder.com/layoutgrid_part1.html
http://quickandeasywebbuilder.com/layoutgrid_part2.html

Related FAQ:
viewtopic.php?f=10&t=43910


Using Layers
You can also use layers to implement advanced layouts:
http://quickandeasywebbuilder.com/using_layers.html
http://quickandeasywebbuilder.com/anchored_layers.html
http://quickandeasywebbuilder.com/floating_layers.html
http://quickandeasywebbuilder.com/morelayers.html
Locked