Editing a Content List

To edit the code of a content list, you need to select it within the Design tab (see Content List Overview) and then click 'List Layout Settings'.

The 'Overall Design' tab contains the following settings:

Setting

Description

Start of List

This is the HTML code for the start of the list.

This might be an opening <table> tag, or a <select> tag.

This can also contain any headings that you to appear above the list. This can include variables and layout selectors (which you might need to copy and paste from the Design tab).

End of List

This is the HTML code for the end of the list.

This might be a closing </table> tag, or a </select> tag.

Empty Cell

If a space within the list is empty (e.g. because you have three columns in the product list, but only five products within the page) then you can enter some code here to use in the blank space.

Empty Table

If the list contains no objects, you can specify some code to be inserted in place of the list.

Use different HTML when there is only one item

Sometimes if there is only one item to be laid out by the list, there is no point in putting lots of list code around it. If you want different HTML used when there is only one item in the list, then select this box.

Before single item

The code to go before a single item in the list.

After single item

The code to go after a single item in the list.

Edit Rows and Columns

The 'Edit Rows and Columns' tab is used to control the HTML code that goes before and after individual items in the list.

This is generally most useful if the list is an HTML table.

The columns in this table are as follows:

Column

Description

No of Items

The number of items in each row of the table.

If this is set to 'Dynamic' it means that the list will be a single row.

If this is set to a variable, then the number of columns in the table is set within the 'Layout' tab somewhere within the content tree.

Before Row

Code to be inserted in front of a row in the table.

Only needed if the list is laid out in a table.

After Row

Code to be inserted after a row in the table.

Only needed if the list is laid out in a table.

Before/After First Item

Code to go before and after the first item in the row.

Before/After Middle Item

Code to go before and after the middle items in the row.

Before/After Last Item

Code to go before and after the last item in the row.

If you want every row in the list to be the same, then don't worry about using the 'First Row' and 'Last Row' rows. If, however, you want either the first or last row (or both) to be different then you can activate them by entering a value in the 'No of Items' column in the table. Then set them up in the same way as the 'Middle Rows' above.

Odd/Even

You can even make your odd rows/columns and even rows/column look different from each other in the list.

To do this, switch to the 'Odd/Even' tab and enter values into the 'Before' fields and 'After' fields.

The tags in the 'Before' fields will be added after the code in the 'Before' fields in the 'First/Middle/Last' tab. Likewise, the code in the 'After' fields will be added before the code in the 'After' fields in the 'First/Middle/Last' tab.