Repeatable Visual List Block Callout Snippet

The Repeatable Visual List Block Callout is used to display a list of content with a photo, header, brief text (one sentence of 2-3 lines), and an optional link. Use web image code “sq.

This is a DIY snippet. You can add it to your pages without assistance from Digital Strategy. Make sure to follow all standards outlined in this guide.


This snippet should only be used in the Main Content Region.


For pages requiring a visual list please use the “Repeatable Visual List” design snippet. The Repeatable Visual List snippet provides you with an opportunity to add a left justified photo, header text, a single descriptive paragraph and an optional hyperlink.

Example

Tiger tooth pattern

Header

Add brief descriptive text here. This snippet allows for one paragraph of text only. Line breaks are not possible with the Repeatable Visual List snippet.

Tiger tooth pattern

Header

Add brief descriptive text here. This snippet allows for one paragraph of text only. Line breaks are not possible with the Repeatable Visual List snippet.

Required and Optional Fields

  • image: required
  • title: required
  • description: required
  • link: optional

When to Use It

Use the visual list with brief explanatory text for a number of different purposes: a list of content items that need to be linked to a more descriptive page, for example, a list of articles or a list of events.

When to Use Something Else

Use the Contact List Callout for staff listing pages.