Grid Vertical Listing

Layout Grid

The Grid layout is the default way items are listed. The Grid uses a table to create columns and rows. Each item teaser (category, feature, product, etc.) is placed in its own table cell. The Grid/table below has 2 columns.

Each row of the grid is separated by a thin line. This line can be turned off using the Category's Paramaters Field. This grid also has a faint line between columns that has been added in the CSS.

Standard Listing Style

Both Teaser Listings and Detail Headers consist of a Title, which may be either HTML text or a Graphic, plus an optional Image and Text.

The listing CLASS determines how these elements are positioned. The default class is the "standard" class which is shown here. The Image will float to the left of the Title and Text. You can set the class in the Template Parameter's field to use the 'vertical' class or any other class you create in the style sheets.

Both Teaser Listings and Detail Headers share the same structure. They consist of a Title, which may be either HTML text or a Graphic, plus an Image and text. The feature listing class has been changed to "vertical" by adding "fClass=vertical" to the template parameters field. You can, of course, create your own custom class.