Add Grid Row Layout

You are here: Administrators Reference > Site Administration > Responsive Design > Add Grid Row Layout

Add/Edit Grid Row Layout

Use this dialog to create or change the row properties for a Grid Row Layout.

Access this dialog from Site Administration - Responsive Design - Manage Grid Row Layouts.

The dialog has three tabs to manage properties for the Grid Row Layout:

General - General information about the Grid Row Layout
Outer Tag - Tag and CSS class information about the outer tag
Inner Tag - Tag and CSS class information about the outer tag

Grid Row Layouts are rendered by the CommonSpot Container Element. With the introduction of CommonSpot version 10, the Container element now renders one or more rows. When it renders the row (and associated Grid Row Layout) it uses the Tags and CSS Classes defined in this dialog.

By default the Container element renders one tag (a div tag by default) for each row of the grid. However, to support a row that can have a background color or background image that spans 100% of the available space while still maintaining interior column padding, you can optionally specify two tags (one nested inside the other - by default two div tags) for a container row. CommonSpot always renders the Outer tag, and optionally rendes the Inner tag, based on the properties you define.

General

Name - Required. The unique name of the Grid Row Layout. This name displays to contributors choosing layouts within the Container element. It should be brief but descriptive.

Description - Optional. Enter a longer description to help designers and authors choose appropriately.

Is Active - A checkbox that indicates whether the Grid Row Layout is active or not. Note that inactive Grid Row Layouts will continue to render, but they will not appear for selection once deactivated.

Outer Tag

CommonSpot always renders the grid row layout entered in the outer div tag. Enter the tag and CSS classes to render and any optional CSS classes contributors can choose to include.

Complete the following fields.

Tag - The tag that should be used to render the outer row tag. Defaults to div.
Tag Allow Override - If checked, content contributors will be able to change this value for the specific instance of the layout in the Container Layout Properties dialog (see the Elements Reference for details).
Row Classes - The CSS class(es) that should be rendered on the outer row tag. This may include the CSS class(es) that identified a row and/or and other style classes.
Row Classes Allow Override - If checked, the content contributor will be able to change this value for the specific instance of the layout in the Container Layout Properties dialog (see the Elements Reference for details).
Class Options - A list of classes that content contributors can choose from when adding additional row classes. For example, you may want to allow contributors to choose different background colors for the row, and have classes for each color. NOTE: This field is hidden if the Row Classes Allow Override check box is unchecked.

Click the Add button to make more classes available or click the remove icon to delete classes.

Inner Tag

Complete the following fields.

Tag - The tag that should be used to render the inner row tag. Defaults to None, which means no inner tag will be rendered.
Initially no other fields are shown in this tab until a tag is selected.
Tag Allow Override - If checked, the content contributor will be able to change this value for the specific instance of the layout in the Container layout Properties dialog. This field is only shown once a tag is selected.
Row Classes - The CSS class(es) that should be rendered on the inner row tag. This may include the CSS class(es) that identified a row and/or and other style classes.
Row Classes Allow Override - If checked, the content contributor will be able to change this value for the specific instance of the layout in the Container layout Properties dialog.
Class Options - A list of classes that the content contributor can choose from when adding additional row classes. For example you may want to allow the contributor for choose different background colors for the row, and have classes for each color. NOTE: This field is hidden if the Row Classes Allow Override check box is unchecked.

Related Links

You can download PDF versions of the Content Contributor's, Administrator's, and Elements Reference documents from the support section of paperthin.com (requires login).

The following guides are available from the support site and are in the /docs/directory of your CommonSpot Server:

You can also download these other guides from the support section of paperthin.com (with login):

For technical support:

http://www.paperthin.com/support/