List Presentations | HCL Digital Experience

You can add the List Presentation component to any page created from the List, Slideshow, or Carousel templates. The component is used to define a header, footer, and result design in one place and reuse the component on multiple pages. Pages that are created from the Block Template do not use List Presentation components.

The CTC Demo Landing page uses a Promotions Slideshow component on the home page that references the List Presentation component called "Large Captions Slideshow List Design for Promotions." Users click a caption in the horizontal list to see the slide that goes with it.

You can see more definitions for List Presentation components in the CTC Design library. Open Library Explorer in HCL Web Content Manager. Click CTC Design > Components > List Presentation Components. The List Presentation components that come with the CTC Design library are frequently used combinations of headers, footers, and result designs. You can also create your own List Presentation components and store them in a separate library.

List presentation types

2 column grid with 2nd column split
Design for a 2 column grid with the second column of results that are split into two rows
3 Equal Grid Columns
Design for 3 equally sized columns.
Carousel List Design with Summary (15 Results per page)
List presentation with carousel design with summary for the results. The footer contains script that is required to parse the carousel datastore and create the carousel. The header is empty.
Carousel List Design with Summary (6 Results per page)
List presentation with carousel design with summary for the results. The footer contains script that is required to parse the carousel datastore and create the carousel. The header is empty.
Carousel Design without Summary
Result design for carousels that displays image, title, and link.
Collapsible List Design with Inline Body
List presentation with collapsible result design with inline body. The header and footer are empty.
Combination List Design with Date Range and No Heading
List presentation with combination list design with date range for the results. The header and footer are empty.
Combination List Design with Publish Date and No Heading
List presentation with combination list design with publish date for the results. The header and footer are empty.
Feature Slideshow List Design for Posts, with overflow list
List presentation with component title as the header and slideshow result design for featured posts with an overflow list. The footer contains script that is required to start the slideshow and set up caption subscription.
Feature Slideshow List Design for Scheduled Events, with overflow list
List presentation with component title as the header and slideshow result design for featured scheduled items with an overflow list. The footer contains script that is required to start the slideshow and set up caption subscription.
Index Filter List Design for Courses
List presentation with index filter form as the header and index result design for courses. The footer has a paging bar.
Index Filter List Design for Job Openings
List presentation with index filter form as the header and index result design for job openings. The footer has a paging bar.
Index Filter List Design for Posts with Attribution
List presentation with index filter form as the header and index result design for posts, with attribution. The footer has a paging bar.
Index Filter List Design for Scheduled Events
List presentation with index filter form as the header and index result design for scheduled events. The footer has a paging bar.
Index List Design for Posts with No Attribution
List presentation with index result design for posts with no attribution and the footer has a paging bar. The header is empty.
Index List Design for Profiles
List presentation with index result design for profiles and a paging bar as the footer. The header is empty.
Index List Design for Search Results
List presentation with search results form as the header and index result design for posts, with attribution. The footer has a paging bar.
Index List Design for Static Content
List presentation with index result design for static content. The header and footer are empty.
Landing Carousel List Design with Summary
List presentation with landing list title as the header and carousel design with summary for the results. The footer contains script that is required to parse the carousel datastore and create the carousel.
Landing Carousel List Design without Summary (20 Results per page)
List presentation with landing list title as the header and carousel design without summary for the results. The footer contains script that is required to parse the carousel datastore and create the carousel.
Landing Carousel List Design without Summary (6 Results per page)
List presentation with landing list title as the header and carousel design without summary for the results. The footer contains script that is required to parse the carousel datastore and create the carousel.
Landing Combination List Design with Date Range
List presentation with landing list title as the header and combination list design with date range for the results. The footer is empty.
Landing Combination List Design with Last Modified Date
List presentation with landing list title as the header and combination list design with last modified date for the results. The footer is empty.
Landing Combination List Design with Posted Date
List presentation with landing list title as the header and combination list design with posted date for the results. The footer is empty.
Landing Combination List Design with Publish Date
List presentation with landing list title as the header and combination list design with publish date for the results. The footer is empty.
Landing Feature Slideshow List Design for Posts
List presentation with landing list title as the header and slideshow result design for featured posts. The footer contains script that is required to start the slideshow and set up caption subscription.
Landing Feature Slideshow List Design for Scheduled Events
List presentation with landing list title as the header and slideshow result design for featured scheduled items. The footer contains script that is required to start the slideshow and set up caption subscription.
Landing Feature Slideshow List Design for Scheduled Events, with overflow list
List presentation with landing list title as the header and slideshow result design for featured scheduled items with an overflow list. The footer contains script that is required to start the slideshow and set up caption subscription.
Landing Feature Slideshow List Design for Static Content
List presentation with landing list title as the header and slideshow result design for featured static content. The footer contains script that is required to start the slideshow and set up caption subscription.
Landing Feature Slideshow List Design for Static Content, with overflow list
List presentation with landing list title as the header and slideshow result design for featured static content with an overflow list. The footer contains script that is required to start the slideshow and set up caption subscription.
Large Captions Slideshow List Design for Promotions
List presentation with index breadcrumb as the header and promotional slideshow result design. The footer has slideshow navigation and caption.
Navigation List Design for 2-Column Static Content
List presentation with non-section 2-Column result design for static content. The header and footer are empty.
Navigation List Design for Non-Section Index
List presentation with non-section index result design. The header and footer are empty.
Navigation List Design for Section Detail
List presentation with navigation result design with site area and content highlighting. The header and footer are empty.
Navigation List Design for Section Index
List presentation with navigation result design with site area highlighting. The header and footer are empty.
Slideshow List Design for Promotions
List presentation with index breadcrumb as the header and promotional slideshow result design. The footer has slideshow navigation and caption.