Listv2

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.

Using Core Components

Adobe Help Center

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.

  • Accordion
  • Breadcrumb
  • Button
  • Carousel
  • Container
  • Content Fragment
  • Content Fragment List
  • Download
  • Embed
  • Experience Fragment
  • Image
  • Language Navigation
  • List
  • Navigation
  • Separator
  • Social Sharing
  • Tabs
  • Teaser
  • Text
  • Title
  1. jcr:primaryType: nt:unstructured
  2. showModificationDate: false
  3. jcr:createdBy: admin
  4. linkItems: false
  5. jcr:lastModifiedBy: admin
  6. jcr:created:
  7. parentPage: /content/core-components-examples/library
  8. sortOrder: asc
  9. showDescription: false
  10. jcr:lastModified:
  11. sling:resourceType: core/wcm/components/list/v2/list
  12. childDepth: 1
  13. listFrom: children
    
        

    
  • Accordion
  • Breadcrumb
  • Button
  • Carousel
  • Container
  • Content Fragment
  • Content Fragment List
  • Download
  • Embed
  • Experience Fragment
  • Image
  • Language Navigation
  • List
  • Navigation
  • Separator
  • Social Sharing
  • Tabs
  • Teaser
  • Text
  • Title

Built from Fixed List

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

  • Carousel
  • Teaser
  • Text
  1. jcr:primaryType: nt:unstructured
  2. showModificationDate: false
  3. jcr:createdBy: admin
  4. tagsMatch: any
  5. linkItems: false
  6. jcr:lastModifiedBy: admin
  7. jcr:created:
  8. sortOrder: asc
  9. pages: /content/core-components-examples/library/carousel,/content/core-components-examples/library/teaser,/content/core-components-examples/library/text
  10. showDescription: false
  11. jcr:lastModified:
  12. sling:resourceType: core/wcm/components/list/v2/list
  13. childDepth: 1
  14. listFrom: static
    
        

    
  • Carousel
  • Teaser
  • Text

Built from Search

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

  • Carousel
  1. jcr:primaryType: nt:unstructured
  2. showModificationDate: false
  3. jcr:createdBy: admin
  4. tagsMatch: any
  5. linkItems: false
  6. jcr:lastModifiedBy: admin
  7. jcr:created:
  8. sortOrder: asc
  9. query: Carousel
  10. showDescription: false
  11. searchIn: /content/core-components-examples/library
  12. jcr:lastModified:
  13. sling:resourceType: core/wcm/components/list/v2/list
  14. childDepth: 1
  15. listFrom: search
    
        

    
  • Carousel

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.

  • Image
  • Text
  • Title
  • Download
  • Button
  1. jcr:primaryType: nt:unstructured
  2. showModificationDate: false
  3. jcr:createdBy: admin
  4. tagsMatch: any
  5. linkItems: false
  6. jcr:lastModifiedBy: admin
  7. jcr:created:
  8. sortOrder: asc
  9. tagsSearchRoot: /content/core-components-examples/library
  10. tags: core-components-examples:component-type/basic
  11. showDescription: false
  12. jcr:lastModified:
  13. sling:resourceType: core/wcm/components/list/v2/list
  14. childDepth: 1
  15. listFrom: tags
    
        

    
  • Image
  • Text
  • Title
  • Download
  • 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
  • Social Sharing
  • Separator
  • Navigation
  • List
  • Language Navigation
  • Image
  • Experience Fragment
  • Embed
  • Download
  • Content Fragment List
  • Content Fragment
  • Container
  • Carousel
  • Button
  • Breadcrumb
  • Accordion
  1. jcr:primaryType: nt:unstructured
  2. showModificationDate: false
  3. jcr:createdBy: admin
  4. linkItems: false
  5. orderBy: title
  6. jcr:lastModifiedBy: admin
  7. jcr:created:
  8. parentPage: /content/core-components-examples/library
  9. sortOrder: desc
  10. showDescription: false
  11. jcr:lastModified:
  12. sling:resourceType: core/wcm/components/list/v2/list
  13. childDepth: 1
  14. listFrom: children
    
        

    
  • Title
  • Text
  • Teaser
  • Tabs
  • Social Sharing
  • Separator
  • Navigation
  • List
  • Language Navigation
  • Image
  • Experience Fragment
  • Embed
  • Download
  • Content Fragment List
  • Content Fragment
  • Container
  • Carousel
  • Button
  • Breadcrumb
  • Accordion

Max Items

List with the maximum number of items set to 4.

  • Accordion
  • Breadcrumb
  • Button
  • Carousel
  1. jcr:primaryType: nt:unstructured
  2. showModificationDate: false
  3. jcr:createdBy: admin
  4. linkItems: false
  5. jcr:lastModifiedBy: admin
  6. jcr:created:
  7. parentPage: /content/core-components-examples/library
  8. sortOrder: asc
  9. maxItems: 4
  10. showDescription: false
  11. jcr:lastModified:
  12. sling:resourceType: core/wcm/components/list/v2/list
  13. childDepth: 1
  14. listFrom: children
    
        

    
  • Accordion
  • Breadcrumb
  • 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.

  1. jcr:primaryType: nt:unstructured
  2. showModificationDate: true
  3. jcr:createdBy: admin
  4. linkItems: true
  5. jcr:lastModifiedBy: admin
  6. jcr:created:
  7. parentPage: /content/core-components-examples/library
  8. sortOrder: asc
  9. showDescription: true
  10. jcr:lastModified:
  11. sling:resourceType: core/wcm/components/list/v2/list
  12. childDepth: 1
  13. listFrom: children