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.
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.
-
Title -
Text -
Image -
Button -
Teaser -
Download -
List -
Experience Fragment -
Content Fragment -
Content Fragment List -
Embed -
PDF Viewer -
Progress Bar -
Social Sharing -
Separator -
AEM Forms Container
- Properties
- Markup
- JSON
- jcr:primaryType: nt:unstructured
- showModificationDate: false
- jcr:createdBy: admin
- linkItems: false
- jcr:lastModifiedBy: admin
- jcr:created:
- parentPage: /content/core-components-examples/library/page-authoring
- sortOrder: asc
- showDescription: false
- jcr:lastModified:
- sling:resourceType: core-components-examples/components/list
- childDepth: 1
- listFrom: children
-
Title
-
Text
-
Image
-
Button
-
Teaser
-
Download
-
List
-
Experience Fragment
-
Content Fragment
-
Content Fragment List
-
Embed
-
PDF Viewer
-
Progress Bar
-
Social Sharing
-
Separator
-
AEM Forms Container
Built from Fixed List
List built from a bespoke set of pages defined directly in the component edit dialog.
-
Carousel -
Teaser -
Text
- Properties
- Markup
- JSON
- jcr:primaryType: nt:unstructured
- showModificationDate: false
- jcr:createdBy: admin
- tagsMatch: any
- linkItems: false
- jcr:lastModifiedBy: admin
- jcr:created:
- sortOrder: asc
- pages: /content/core-components-examples/library/container/carousel,/content/core-components-examples/library/page-authoring/teaser,/content/core-components-examples/library/page-authoring/text
- showDescription: false
- jcr:lastModified:
- sling:resourceType: core-components-examples/components/list
- childDepth: 1
- listFrom: static
-
Carousel
-
Teaser
-
Text
Built from Search
List built from a search query term under a defined root page.
-
Category Carousel -
Carousel -
Product Carousel -
Related Products
- Properties
- Markup
- JSON
- jcr:primaryType: nt:unstructured
- showModificationDate: false
- jcr:createdBy: admin
- tagsMatch: any
- linkItems: false
- jcr:lastModifiedBy: admin
- jcr:created:
- sortOrder: asc
- query: Carousel
- showDescription: false
- searchIn: /content/core-components-examples/library
- jcr:lastModified:
- sling:resourceType: core-components-examples/components/list
- childDepth: 1
- listFrom: search
-
Category Carousel
-
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.
-
Social Sharing -
Teaser -
Image -
Experience Fragment -
Text -
Separator -
List -
Download -
Content Fragment List -
Embed -
Content Fragment -
Button
- Properties
- Markup
- JSON
- jcr:primaryType: nt:unstructured
- showModificationDate: false
- jcr:createdBy: admin
- tagsMatch: any
- linkItems: false
- jcr:lastModifiedBy: admin
- jcr:created:
- sortOrder: asc
- tagsSearchRoot: /content/core-components-examples/library
- tags: core-components-examples:component-type/page-authoring
- showDescription: false
- jcr:lastModified:
- sling:resourceType: core-components-examples/components/list
- childDepth: 1
- listFrom: tags
-
Social Sharing
-
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 -
Social Sharing -
Separator -
Progress Bar -
PDF Viewer -
List -
Image -
Experience Fragment -
Embed -
Download -
Content Fragment List -
Content Fragment -
Button -
AEM Forms Container
- Properties
- Markup
- JSON
- jcr:primaryType: nt:unstructured
- showModificationDate: false
- jcr:createdBy: admin
- linkItems: false
- orderBy: title
- jcr:lastModifiedBy: admin
- jcr:created:
- parentPage: /content/core-components-examples/library/page-authoring
- sortOrder: desc
- showDescription: false
- jcr:lastModified:
- sling:resourceType: core-components-examples/components/list
- childDepth: 1
- listFrom: children
-
Title
-
Text
-
Teaser
-
Social Sharing
-
Separator
-
Progress Bar
-
PDF Viewer
-
List
-
Image
-
Experience Fragment
-
Embed
-
Download
-
Content Fragment List
-
Content Fragment
-
Button
-
AEM Forms Container
Max Items
List with the maximum number of items set to 4.
-
Title -
Text -
Image -
Button
- Properties
- Markup
- JSON
- jcr:primaryType: nt:unstructured
- showModificationDate: false
- jcr:createdBy: admin
- linkItems: false
- jcr:lastModifiedBy: admin
- jcr:created:
- parentPage: /content/core-components-examples/library/page-authoring
- sortOrder: asc
- maxItems: 4
- showDescription: false
- jcr:lastModified:
- sling:resourceType: core-components-examples/components/list
- childDepth: 1
- listFrom: children
-
Title
-
Text
-
Image
-
Button
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.
-
Title 2020-04-29 Display a page heading -
Text 2019-01-22 Display a rich text paragraph -
Image 2019-02-15 Display an image asset -
Button 2019-01-09 Display a button or anchor button -
Teaser 2019-12-08 Link an image and text -
Download 2019-05-27 Display an asset for download -
List 2019-01-16 Display a list of pages -
Experience Fragment 2019-08-20 Display an experience fragment -
Content Fragment 2019-01-16 Display a content fragment asset -
Content Fragment List 2019-04-01 Display a list of content fragments -
Embed 2019-08-29 Embed a third-party widget -
PDF Viewer 2020-07-17 Embed a PDF Viewer widget to display Document Cloud PDF's -
Progress Bar 2020-07-17 Display a progress indicator -
Social Sharing 2019-01-09 Add social sharing links -
Separator 2019-01-09 Display a section divider -
AEM Forms Container 2020-07-15 Display AEM Forms Container Component
- Properties
- Markup
- JSON
- jcr:primaryType: nt:unstructured
- showModificationDate: true
- jcr:createdBy: admin
- linkItems: true
- jcr:lastModifiedBy: admin
- jcr:created:
- parentPage: /content/core-components-examples/library/page-authoring
- sortOrder: asc
- showDescription: true
- jcr:lastModified:
- sling:resourceType: core-components-examples/components/list
- childDepth: 1
- listFrom: children
-
Title
2020-04-29
Display a page heading
-
Text
2019-01-22
Display a rich text paragraph
-
Image
2019-02-15
Display an image asset
-
Button
2019-01-09
Display a button or anchor button
-
Teaser
2019-12-08
Link an image and text
-
Download
2019-05-27
Display an asset for download
-
List
2019-01-16
Display a list of pages
-
Experience Fragment
2019-08-20
Display an experience fragment
-
Content Fragment
2019-01-16
Display a content fragment asset
-
Content Fragment List
2019-04-01
Display a list of content fragments
-
Embed
2019-08-29
Embed a third-party widget
-
PDF Viewer
2020-07-17
Embed a PDF Viewer widget to display Document Cloud PDF's
-
Progress Bar
2020-07-17
Display a progress indicator
-
Social Sharing
2019-01-09
Add social sharing links
-
Separator
2019-01-09
Display a section divider
-
AEM Forms Container
2020-07-15
Display AEM Forms Container Component