Add Layout

Layouts are a quick tool for chopping one block area into smaller block areas. We do not recommend you use them for site design or lots of pixel perfect design concerns. They're really a band-aid solution to the "Oh, I'd love to have a survey next to this paragraph of text" problem.
To divide a block area, click the label for the block area and pick "Add Layout".
 

Add_Layout_01.png

Some installs may have the layouts feature disabled, in that case, please ask whoever setup your site re-enable it.
After clicking the "Add Layout" button a popup will appear: 

Add_Layout_02.png

Here you can adjust how many columns and rows your layout has, and the padding space between the columns. 
If you did not check the "Lock Widths" checkbox then you can drag the sliders to change the width of the columns once you've created the layout. If you do pick lock widths, you can enter a pixel amount for the columns. If your theme has a grid frawmwork registered, such as Twitter Bootstrap, you may be able to choose a grid framwork to format your layouts. This helps layouts to appear uniform with the greater site. If one is not available, the default is "Free-Form Layout".

Add_Layout_03.png
You can save any settings as a Layout Preset where you can select it from the dropdown menu that appears when clicking on a layout, and it will populate the settings. This is handy if you find yourself using the same layout on many pages. (Although that is often a sign that you need a new Page Template!)

From the page in edit mode, you can click on the layout cells and select "Edit Container Layout" to edit the settings of your layout. You can also lock layouts and change the sort order of the layout. 

Add_Layout_04.png

Loading Conversation