Configurable List

The Configurable List view gives you the most options to customize how the items in your list are displayed.

The following options are available:

  1. Show Date - Select "Yes/No" to show the date, works with News Page.
  2. Group By Month - If checked, the items in the list will be sorted and displayed by month.
  3. Image - Select where the image should be pulled from, the Thumbnail Field, Image Tab or choose not to show an image at all.
  4. Description - Select where the description should be pulled from, the Page Description in Page Properties, the page content (first 100 characters) or choose not to show a description at all.

Configurable List Layouts

In addition to the options above, the following classes can be applied to the Configurable List view to adjust the layout of the fields. See example screenshots of a single list item below.

Default View

Each list item will be shown with an image on the left side, including the title, date and description stacked on top of each other on the right side.

Date Above

Component: List
CSS Class: date-above

Using this class will display the date above the title.

Date Overlay

Component: List
CSS Class: date-overlay

The date-overlay class will overlay the date on top of the image aligned to the bottom. It can also be used with the date-above class to align the date with the top of the image.

Using just date-overlay

Using date-overlay and date-above

Stack

Component: List
CSS Class: stack

Using stack will stack all fields on top of each other instead of showing the image and content side by side. The title and date are displayed above the image when using this class.

*Note: the classes listed above (date-overlay, date-above) work with stack.