Listv3

List can be used to display a list of pages. They can be defined either dynamically - by search query, tags or from a parent page - or as a static list of items.

Examples

Built from Child Pages

List built from child pages of a root page. In this example the depth is 1 level but deeper structures can be configured.

  • Adaptive Form - Embed
  • Accordion
  • Button
  • Carousel
  • Container
  • Content Fragment
  • Content Fragment List
  • Core Form Container
  • Download
  • Embed
  • Experience Fragment
  • Image
  • List
  • PDF Viewer
  • Progress Bar
  • Search
  • Separator
  • Tabs
  • Teaser
  • Text
  • Title

Built from Fixed List with External Links

List built from a bespoke set of pages and external URLs defined directly in the component edit dialog.

  • Carousel
  • Teaser
  • http://www.adobe.com
  • Component Library

Built from Search

List built from a search query term under a defined root page.

  • Carousel
  • Category Carousel
  • Product Carousel
  • Related Products

Built from Tags

List built from a set of tags to be found related to pages under a root page. Uses the default match Any tag feature, but it's also possible to configure the component to match all tags.

  • Teaser
  • Image
  • Experience Fragment
  • Text
  • Separator
  • List
  • Download
  • Content Fragment List
  • Embed
  • Content Fragment
  • Button

Order

List built from child pages, with the sort order set to order by title, descending. It is also possible to order by the last modified date.

  • Title
  • Text
  • Teaser
  • Tabs
  • Separator
  • Search
  • Progress Bar
  • PDF Viewer
  • List
  • Image
  • Experience Fragment
  • Embed
  • Download
  • Core Form Container
  • Content Fragment List
  • Content Fragment
  • Container
  • Carousel
  • Button
  • Adaptive Form - Embed
  • Accordion

Max Items

List with the maximum number of items set to 4.

  • Adaptive Form - Embed
  • Accordion
  • Button
  • Carousel

Items with Link, Description and Date

The rendering of the list items can be configured to optionally display a link to the page, page description and last modified date.

Items displayed as Teasers

The rendering of the list items can be configured to optionally display the items as teasers.