Listing

The listing block shows content pulled from a folder or a search, and keeps itself current as that content changes. Use it whenever the items are maintained elsewhere — news, events, documents, people.

1 · How the items look

List

Title and description, one item under the other. The default, and the best for reading.

  • The accordion contains other blocks in an accordion behavior layout.

  • The banner block displays a full-width image banner with one or two lines of text overlaid on a gradient. It can be shown at layout or full width.

  • The button block shows a button for which a link (internal or external) can be stored. The button can be displayed left, right or center and have a background color.

  • The carousel block shows a horizontally scrolling row of teaser cards. Editors can configure the number of items to show, an optional headline and whether the descriptions are displayed.

  • Event Calendar block can be used to search and display events in a listing format.

List with images

Adds a picture per item; good for news and publications.

  • The accordion contains other blocks in an accordion behavior layout.

  • The banner block displays a full-width image banner with one or two lines of text overlaid on a gradient. It can be shown at layout or full width.

  • The button block shows a button for which a link (internal or external) can be stored. The button can be displayed left, right or center and have a background color.

  • The carousel block shows a horizontally scrolling row of teaser cards. Editors can configure the number of items to show, an optional headline and whether the descriptions are displayed.

  • Event Calendar block can be used to search and display events in a listing format.

Grid

Items as cards side by side, for browsing rather than reading.

  • The accordion contains other blocks in an accordion behavior layout.

  • The banner block displays a full-width image banner with one or two lines of text overlaid on a gradient. It can be shown at layout or full width.

  • The button block shows a button for which a link (internal or external) can be stored. The button can be displayed left, right or center and have a background color.

  • The carousel block shows a horizontally scrolling row of teaser cards. Editors can configure the number of items to show, an optional headline and whether the descriptions are displayed.

  • Event Calendar block can be used to search and display events in a listing format.

One large picture with a filmstrip beneath. For photo sets only.

2 · What each item shows

It depends on the content type

Pages, news, events, files and people each show what matters for them: a date for an event, a file size for a download, contact details for a person.

Pages

  • The accordion contains other blocks in an accordion behavior layout.

  • The banner block displays a full-width image banner with one or two lines of text overlaid on a gradient. It can be shown at layout or full width.

News Items

  • | Head title

    The News Item content type can be used to display News content on the website.

  • | Head title

    The News Item content type can be used to display News content on the website.

Events

  • January 1 – December 31, 2023

    The event content type can be used to display an event on the website.

  • January 1 – December 31, 2023

    The event content type can be used to display an event on the website.

Files

  • 72.7 KBPDF

    The File content type can be used to upload any file and make it available for download on the site.

  • 72.7 KBPDF

    The File content type can be used to upload any file and make it available for download on the site.

Persons

3 · Where the listing fits

Listing or Grid

A listing follows a folder and updates itself; a grid is hand-built and stays as you left it.

Long results

Pagination appears automatically. Keep the page size small so the page stays quick.