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 1
This is the first page in the Horizontal List. If you click on the list item beside this one, it will seem as though you haven't left this page.
First, take note of the URL of this page 'example_page_1.html', then, click on the list item at the right.
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.