Horizontal List Display

The Horizontal List Display is an inline display option built using the List Component. It presents users with new content while giving them the illusion of staying on the same page.

Our advanced authoring page will guide you through a step by step process on using a Horizontal List Display.

Example of Horizontal List Display usage

Horizontal List Example Page 2

This is the second page in the Horizontal List. Note that the URL has changed from 'example_page_1.html' to 'example_page_2.html' but all of the other page elements outside the list have stayed the same.

Learn how to set up your site with a Horizontal List.

When should it be used?

The Horizontal List Display can be used as one of the first components on the page, and repeated throughout your site. It affords an alternate navigation element when presenting related content without using the standard left hand navigation.

In-Component Editing Options

Build list using:

  • Child pages - Allows you to select a page to list its chid pages (i.e., pages nested under the selected page).  Note: This is limited to the first level of child pages.
  • Fixed list - Allows you to select specific AEM pages to build a list
  • Search - Allows you to enter keywords to search for pages to build a list
  • Advanced search - Allows you to specify a search query to build a list. Refer to Advanced Queries for examples and recommended usage.

Display as - Choose Horizontal to create a Horizontal List Display.

Order by - Leave blank to use the default page order, or choose to order the pages by title, date created, date modified, or page template

Limit - Allows you to specify the maximum number of items displayed on the list.  Items surpassing the limit will not be displayed.