Page Comparison

You will need this information when you have added a List of items tile, and wish to populate it for the first time or edit it.

What is the List of items tile?

The list of items tile is /selected items portlet are used for displaying links to multiple items of content from multiple sections and different content types. You can add any item of content from any section of your website into this tile/portlet. The tile/portlet is customisable and allows various different layouts and options to manipulate how you display the information.

Adding content into the List of items tile:

1. In the 'Compose' view, you will see that your List of items tile is empty (unless you are coming back to edit it!). To populate the List of items tile, you will need to drag items of content from the content chooser on the left of the compose view, into the tile. To then edit the properties of the tile, hover over the tile until you see the blue 'Edit' button in the top left, and then click on it.
2. There are three four tabs of configuration:
   1. 'Content' tab:
      1. 'Tile Title'
         1. This is a title that will be located above the content that is in the tile.
      2. 'Number of items to display'
         1. This defines how many items the tile will show, useful if you want to have a scrollable list.
      3. 'List type' 
         1.  Allows you to define the type of list that you would like the items of content to display in. Types:
            1. Full-width list - This will display items vertically, one per row, as wide as you set the column.
            2. Horizontal scrolling list - This will display the most appropriate number of items dependant on the users' screen size from the number that you add to the tile. We would recommend adding now more than eight items to the tile if you are using this display option. Arrows to scroll through the items from right to left will display on all devices.
            3. Full-width accordion - This will display items vertically, one per row, as wide as you set the column, but only the title of the item will display until the accordion is expanded to see all the details.
            4. Multi-column thumbnail list - This will display numerous items in a multi-column listing, defined by the 'Layout' field below.
      4. 'Layout'
         1. This field is only for use if you have chosen the 'Multi-column thumbnail list' from the 'List type' menu. This field defines the layout of the items of content in the tile. You will need to choose the best layout for your desired view.
      5. 'List scale'
         1. This field enables you to define the size of the images that are related to the items of content so that you can manipulate the view if you wish.
      6. 'List scale alignment' 
         1. This lets you define where the images will sit in relation to their title and other selected fields.
      7. 'Highlight title'
         1. If you check the box for this field, the title of the tile will be highlighted in your theme colour.
      8. 'Display fields'
         1. This list allows you to define which fields associated with the items of content, show in the listing tile.
      9. 'Elements'
         1. This field allows you to drag and drop to reorder the items in the list tile, remove items from the list tile as well as defining if their title shows or not.
   2. 'Fields' tab:
      1. 'Title mode'

         1. This gives the user some control over how the title of the tile is displayed.

      2. Extra fields
         1. This functionality allows the user to specify any other extra information about the listing items featured in the tile.
      3. Show lead images
         1. Check the box if you would like to show the lead images for the items of content if they are available.
      4. Lead images position 
         1. Use the dropdown menu to select the option that best suits how you would like to display the images with the content.
   3. 'Button' tab:
      1. 'Internal link'
         1. If you choose an internal and an external link, the internal link will take priority.
      2. 'External link'
         1. This should be a fully formed URL including 'https'.
      3. 'Button text'
         1. This is the text that will appear on the button. If you do not provide text, default text will be shown e.g. 'Find out more'.
      4. 'Button alignment'
         1. This defines where on the listing the button will be located
      5. 'Button type'
         1. This defines what kind of button you want to show.
   4. 'Style' tab:
      1. 'Box Border'
         1. This feature allows the user to deploy a border of their choice on either or both sides of the tile.
      2. 'Box type'

         1. This feature allows the user to deploy a highlighted background to the portlet.

Editing content in the List of items tile:

1. Go to the 'Compose' view of the Cover page, navigate to the List of items tile, and hover your cursor over it, the blue 'Edit' button will appear in the top left, click this and edit any of the fields you would like to.

Removing the List of items tile:

1. If you wish to remove the List of items tile, navigate to the 'Layout' view of the cover page, and click 'x' in the top left of the tile. When deleting a tile, the tile you are selecting has a red border.

Related articles

...