Text List

Text List component allows content authors to create lists solely based on text entries. This allows for dynamic listing on AEM pages as well as the neat stacking of different topics on one single AEM page. 

On This Page:

When to Use

The Text List component should be used when content authors need to display a list using text. This includes, but not limited to, blog posts, news articles, working papers, and resources.

This list will not display images or attachments. To display images, use the Visual List, and to display attachments, use the Attachment List.

Usage

The Text List component is a versatile tool that allows authors to display various types of content in an organized and user-friendly text-based manner. Content authors can use the dialog box to customize the resources that can be displayed, such as teaser text, publication date, author, primary topic, and document number.

Examples

View on public site:

Configure Dialog

The configure dialog allows the content author to configure the list and the list items.

List Settings Tab

The list can be built in different ways.

Regardless of how the list is built, there are Sort Options that can always be configured.

Depending on how the content author chooses to build the list, the additional configuration options will change.

Child Pages

The list can be built from the child pages of the current page or another page.

Text List Child Pages

Options for Child Pages: 

  • Parent Page: The list defaults to display the child pages of the current page being edited. Authors can manually choose a different parent page using the Parent Page field.
  • Child Depth: Additionally, a content author can change how many levels down the list pulls by changing the Child Depth field.  

Fixed List

The list can be built using a fixed list of items. Click the Add button to insert a new item to the list.

Text List Fixed List

Options for Fixed List:

  • Link: The link to the page an author would like to display. The link must be either: 
    • A fully-qualified URL or
    • A relative URL to existing AEM content.
      • You can use the Selection Dialog to choose an item from AEM.
  • Title: The page title of the URL. If left blank, the list will display the title from the selected AEM page. Entering text here will overwrite the page title.
  • Description: Teaser text for the URL. If left blank, the list will display the teaser text from the selected AEM page. Entering text here will overwrite the teaser text.

Metadata: 

  • Tag Label: Option to add a tag for the content on the fixed list.
  • Publication Date: Custom date of publication.
  • Author: Name of author(s).
  • Primary Topic: Option to add a topic to the page.
  • Document Type: Option to include document type, such as Report Number, Release Number, Working Papers Number, or Memorandum.
  • Document Number: A unique number to label the contents.

Once more than one item is created for the list you can arrange the list by:

  • Using the drag handle to re-arrange the items in the list.
  • Using the trash can icon to delete items in the list.

Tags

The list can be built using pages that match certain tags under a particular location.

Text List Tags

Options for Tags:

Parent Page: This parameter determines where the matching should start.

  • Use the check mark icon to choose the location in AEM.
    • Leave blank to use the current page.

Tags: This parameter is used to determine which tags should be matched. Multiple tags can be added.

  • Use the check mark icon to select the tags or
    • If the tag name is known, authors can begin typing it in the field and then choose from the results.

Match: This paramter can be use to adjust the list to match any tag entered in the above field or all tags entered.

Sort and ID Options

Regardless of how you choose to build the list, there are certain sorting options that can always be defined.

Text List Sort and ID Options

Page Tags: Select the parent type of tag that will show as labels on list items.

  • Content type
  • Topic
  • Program/Survey

Max Items: Maximum number of items displayed in the list.

  • Leave empty to return all items.

Order by: How the list can be ordered.

  • Default (How the pages are ordered in the backend of AEM.)
  • Title
  • Publication date

Sort Order: The order in which the items will be arranged.

  • Ascending
  • Descending

Tabs by: Select a property to display the list in tabs. The tab titles will be built using the years of the option chosen.

  • Collection year
  • Reference year
  • Publication date

Show "All" tab: When checked, the "All" tab is displayed when building tabs.

Item Settings Tab

Using the Item Settings tab, authors can decide which content will display under the page title of the list item. "Show description" is selected by default.

Text List Item Settings

This configuration dialog tab contains certain settings regarding labels to be added or excluded within the text list component. These include checkboxes where a content author can:

  • Show description.
  • Show publication date.
  • Show author.
  • Show primary topic.
  • Show document number.
  • Open links in a new tab. 

Filtering Tab

Using the Filtering tab, content authors have the option to apply filters to the list of items or insert a search box.

Text List Filtering

Show text search filter: When checked, a search box will display above the list.

Text search placeholder: Insert a placeholder label to display in the search box when empty.

Filters: Add the tags that will act as filters to narrow down the list for users.

  • Label - Insert a label to describe the filter.
  • Tags - Select the tags that will be used as filters.

Styles Tab

Using the Styles tab, the style and display of the list elements can be configured.

Text List Styles

Style: Choose how to display the visual list. The options here refer to how many columns the component will span on the template.

  • 6 Columns
  • 9 Columns

Misc.: Choose whether or not to display tags in the list.

View examples of each style by toggling the panels below.

Developer Resources

Expand the section below to see the Text List component's HTML output.

Coming soon.

Top of Section
Is this page helpful?
Thumbs Up Image Yes Thumbs Down Image No
NO THANKS
255 characters maximum 255 characters maximum reached
Thank you for your feedback.
Comments or suggestions?

Top

Back to Header