Page Comparison

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

What is 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 nine fields in the List of items tile edit interfacethree 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. '
   Show more... link'
   1. To search for an internal link, enter the name of the item of content in the search box and then click on the 'Search' button underneath. This will generate a list of matching results, click on the item of content that you wish to link to.
      
   2. 'Show more... link text'
      1. This is the text that will show on the arrow button underneath the content in the listing tile.
         
   '
   3. 1. Number of items to display'
         1. This defines how many items the tile will show, useful if you want to have a scrollable list.
      2. '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.
      3. '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.
      4. 'List scale'
         1. This field enables you to define the size of the images that are related to the items of content
   ,
   4. 1. 1. so that you can manipulate the view if you wish.
      2. 'List scale alignment' 
         1. This lets you define where the images will sit in relation to their title and other selected fields.
      3. 'Highlight title'
         1. If you check the box for this field, the title of the tile will be highlighted in your theme colour.
      4. 'Display fields'
         1. This list allows you to define which fields associated with the items of content, show in the listing tile.
      5. 'Elements'
         1. This
   section of the edit interface will show the items of content that you have selected, so that you can reorder and remove them from the tile. You will also have the ability to hide the title of the item if you wish - useful if you are simply listing images.
   5. 1. 1. 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.
   6. '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.
   7. 'Style' tab:
      1. 'Box Border'
      2. 'Box type'

Editing content in 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