Using Grid Groups

Grid is a top-level group type that you can add to section pages by right-clicking on the Content Area root and selecting Insert > Insert new Grid. Most of the groups that you can add to section pages in a standard Widget Framework publication are simple groups that cannot be subdivided. Grid groups, however, have a standard set of subgroups representing various column arrangements. You can use them to control how teasers are to be laid out on a page or part of a page. First you subdivide the Grid group by inserting one or more subgroups, and then you drag content items into the subgroups, not the the root Grid.

There no point adding a Grid group to a section page unless you know that your designers have configured a Teaser Grid widget to display the content items that you add to it. Your usage of Grid groups must be co-ordinated with the designers.

You can insert the following subgroups into a Grid group by right-clicking on the group, then selecting Insert > Insert new [group]:

Row

A container for Column groups. You can add as many Rows as you like to a Grid. Do not add content items directly to a Row. A number of options are displayed on the right, which you can use to override default teaser formats (see Grid Options).

Column

Insert into a Row group. You can add as many Columns as you like to a Row. You can then either fill the columns with content items as required or subdivide it further. A Column group has a Width option that you can use to control column width. The total width of all the Columns in a Row should not exceed 12.

Two column

A predefined row containing two columns. Any content items you add to a Two column group are divided between the two columns: the first half are put in column 1, and the second half in column 2. If you add an odd number of content items, then column 1 will get the extra one. A number of options are displayed on the right, which you can use to override default teaser formats and control column widths (see Grid Options).

Three column

A predefined row containing three columns. Any content items you add to a Three column group are divided between the three columns: the first third are put in column 1, the second third in column 2 and the remainder in column 3. A number of options are displayed on the right, which you can use to override default teaser formats and control column widths (see Grid Options).

Two column (1+N)

A predefined row containing two columns. It works the same way as the Two column group except that only the first content item is allocated to the first column, and all the remaining content items are allocated to the second column. A number of options are displayed on the right, which you can use to override default teaser formats and control column widths (see Grid Options).

Two column (N+1)

A predefined row containing two columns. It works the same way as the Two column group except that only the last content item is allocated to the first column, and all the remaining content items are allocated to the second column. A number of options are displayed on the right, which you can use to override default teaser formats and control column widths (see Grid Options).