When you wish to display any content in a web page (WebSpace), you
have to first create a layout for that content. Actually, the layout is
really an object that holds content panels, not the content itself, but
in order for content panels to exist, you must first create a layout. A
Layout can consist of 1-3 columns, with each column having any number
of rows of content panels.
The responsive design framework upon which Websby is based (used by Twitter and Facebook, and many, many other sites) divides the page up into a series of 12 columns. 12 Columns is far too many to manage, so Websby is designed to aggregate columns into groups and you can group the page width into up to 3 columns.
Because of all of this, Websby Layouts, you must adhere to the following rule: A layout width, regardless of the number of columns, must add up to 12.
This means that if you choose a single column layout, it will automatically be set to a width of 12 - meaning that the content in the panel will span the entire page.
If, however, you create a 2 column layout, you can decide the relative width of each column, as long as the sum is 12. For example, a column 1 width of 9 would mean that column 2 must be set to 3 and the content in column 1 will take up 75% of the width of the page, while the column 2 content will be only 25%. This is useful as sometimes content isn't very wide by nature (eg a list of calendar events) while other content looks better with some space (eg school news).
This applies to 3 column layouts the same way.
While the basic Layout Setup is self explanatory, there are a number of other fields that can dramatically affect how a layout functions. The following is a fairly complicated graphic, of this form, with explanations of each field's function below it.
