This functionality requires Site Builder permissions.

Vertical content list views are used to automatically display a number of node pages in a vertical list, based on configurable filters.

There are number of different views which display the listed nodes using different viewmodes.

View: Vertical content list: card compact

Step 1

Click Customize this page to add the View: Vertical content list: Card Compact component to a panel page.

Customise this page

Step 2

The available regions where components can be added are displayed as blue shaded fields. Click the plus (+) button to open the list of available components grouped by category. 

Click plus to add a component

Step 3

The available components display. Click on the View panes category and then select the View: Vertical content list: Card Compact to open the configuration form.


Step 4

The configure new view: horizontal content list: latest  displays.  

  1. Overide title - NOT APPLICABLE 
  2. Content: Has Taxonomy term ID (with depth) - insert the ID related to the term by which the view is filtered. Find the Taxonomy term ID
  3. Use pager -  if more than 9 items will display, allow additional content to display on subsequent pages.
  4. Num items - retain 3 as the number of items to display 

Vertical content list 1-4

  1. Offset - retain 0 to skip no items or enter the number of recent items to skip.
  2. Type - Select the content type to display. 
  3. Sort by -  Select one of the options.
    Post date - date the content type is saved
    Publication date - date selected on the publication date field on the article content type
    Title - alphabetical ordering by title.
  4. Order - sort by field can ordered in an ascending or descending order.

Click Finish after completing the configure new view form

Vertical content list 5-8

Step 5

The system returns to the panel page In-Place Editor.  

  1. Add Pane Styling to edit the display of the component on the panel  page.  Refer to the instructions, Add Pane Style.

  2. Click Save to complete the process of adding the component.

Add pane style and save