Skip to main content

List

Description

List is a component that allows for the easy creation of dynamic as well as static lists.

Authoring

The List component can be used to create a dynamic list of items built from child pages, Search Queries, Tags, Assets, or a static list of arbitrarily defined items.

You can build a List by adding the List component to your page and then configuring the List Settings and the Item Settings.

List Settings:

  • Build the list using:  by setting the root path, building a fixed list, search by keywords, or searching by tags.
    • Child Pages: If you select Child Page, you will need to select a parent folder from which to pull items in your list. and then select the dept of which you want to pull items.
    • Fixed LIst: Browse and Choose each item you want to include in your list. 
    • Search: Select the Search terms you want to use and the Root Folder in which you would like to conduct your search.
    • Tags: For building a list based on tags, first select the Parent Page within which you want to include tags.  Then select the tags you want to include and specify if you want to include items in your list that only include ALL of the tags you chose, or if you want to include items that include any single tag.    
    • Assets: Select the folder of Assets you want to include in your list.
  • Order By: Choose a field to order your list by, for example Title or Date.
  • Sort By: Choose default sorting options, typically Ascending or Descending
  • Set max items: you want to display

Configuring the Item Settings tab

  • Enable link items as needed to make the list of pages clickable.
  • Enable show description as needed.
  • Enable show date as needed.

Examples

Child Page List With Links And Dates (Ascending Order)

  • Authoring 2024-02-23 This portion of the authoring guide contains a list of available components pertaining to building content elements on a page.
  • Cards 2023-03-08 This portion of the authoring guide contains a list of available card components.
  • Feeds 2022-05-31 This portion of the authoring guide contains a list of available feed components.
  • How to Author Components 2023-10-26 AEM components are used to hold, format, and render content made available on your webpages. Components can often be thought of as building blocks or bricks in building out your webpage. Many components will have preformatted features, such as font size and style, in order to maintain design consistency across the entire site experience

Child Page List (Descending Order) with Separator

  • Navigation 2022-11-04 This portion of the authoring guide contains a list of available components pertaining to navigation.
  • Layout 2022-10-19 This portion of the authoring guide contains a list of available components pertaining to layout.
  • How to Author Components 2023-10-26 AEM components are used to hold, format, and render content made available on your webpages. Components can often be thought of as building blocks or bricks in building out your webpage. Many components will have preformatted features, such as font size and style, in order to maintain design consistency across the entire site experience
  • Feeds 2022-05-31 This portion of the authoring guide contains a list of available feed components.

Child Page List With Details And Images with Zebra Stripes

  • Navigation 2022-11-04 This portion of the authoring guide contains a list of available components pertaining to navigation.
  • Layout 2022-10-19 This portion of the authoring guide contains a list of available components pertaining to layout.
  • How to Author Components 2023-10-26 AEM components are used to hold, format, and render content made available on your webpages. Components can often be thought of as building blocks or bricks in building out your webpage. Many components will have preformatted features, such as font size and style, in order to maintain design consistency across the entire site experience
  • Feeds 2022-05-31 This portion of the authoring guide contains a list of available feed components.

Asset List with Separator between Items

  • area-chart-2.csv 2021-07-26
  • vertical-bar.csv 2021-07-26
  • data_table3.csv 2021-07-26
  • scatter-chart.csv 2021-07-26
  • Dogs-List.csv 2021-07-26
  • table.csv 2021-07-26
  • line-chart.csv 2021-07-26
  • horizontal-bar.csv 2021-07-26
  • area-chart.csv 2021-07-26
  • pie-chart-multi.csv 2021-07-26