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.