|Description||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.|
|Supported AEM Versions||6.5|
|Component Group||Cheerios Experience|
|Use Object||The List component uses the com.adobe.cq.wcm.core.components.models.List Sling model as its Use-object.|
Extending the components can be done in multiple ways depending on the needs of the brand component.
Use this approach if you do not have any required html markup changes or backend java changes. This will only update the title of the component, componentGroup and point to the resourceSuperType. Optionally can extend the description.
Use this approach if you need to update css classes or add data attributes and do not need to change the backend model, or potentially want to use a different model by retain all of the markup in the component-tmpl.html (Component Template) markup.
The component template is usually named component-tmpl.html this file contains the html markup. Update this file if you need to change the html structure of the component.
Use this approach if you need to change the Sling Model to update the backend logic.
Files that will need to be added when extending:
It is possible to extend more than just the component.html file, if necessary any file that is resourceSupertyped can be extend for example if something needs added to the dialog.
The following configuration properties are used:
Note: Items that are selected in Item settings will be the only items displayed to the author and will be selected by default in the edit configuration dialog.
The following properties are written to JCR for this List component and are expected to be available as Resource properties:
- jcr:primaryType: nt:unstructured
- showModificationDate: true
- jcr:createdBy: E524Z2
- showTitle: true
- tagsMatch: any
- linkItems: true
- orderBy: title
- jcr:lastModifiedBy: E364WW
- parentPage: /content/martech/component-library
- sortOrder: asc
- showDescription: true
- sling:resourceType: ehi-core/aem65/components/content/list/v1/list
- childDepth: 1
- listFrom: children
- showSubtitle: true
- showCta: true
External Content 2019-12-20
Form - Button 2019-11-26
Form - Hidden 2019-11-26
Form - Options 2020-01-06
Form - Text 2020-01-06
Rich Text Component 2020-02-14
Title / Heading 2019-11-26