Below is a schematic of the relationships between the layout widgets in Mosaic and the item styles available for each one.
Update 22 March 2018: New item styles for List listing, Grid listing, and Carousel widgets
Four new item styles are available: 2 for List listings and 2 for Grid listing and Carousel widgets.
- Row with separator - No Image
- Row without separator - No Image
- Tile Landscape - Square Image
- Tile Landscape - No Image
New List listing display styles
Currently the Row with/without separator - Square Image and Row with/without separator - Portrait Image styles display a listing image if the content represented by the listing item has a listing image. An image is not displayed in the listing item if no listing image is present.
The Row with separator – No Image and Row without separator – No Image style allow listing items to be displayed without an image, even if the listed content has a listing image.
New Grid listing and Carousel display styles
These item styles are intended to be concise, space-efficient, and useful when you want to be able to show many items at a time. They are intended to be used in Grid listings and Carousels and be used two, three, four or six per row.
The minimum height of the ‘Square image’ item style is 128px, as governed by the size of the image; the minimum height of the ‘No image’ item style is 48px. The maximum height is governed by the size and quantity of text it contains.
A maximum of four rows of text can be configured to display. The text that is displayed depends on the type of content that the listing item depicts. The table below illustrates how the text fields appear across the four content types.
||Event date then location, separated by a comma if both are present
||Job title then affiliation, separated by a comma if both are present
Field display configuration
Two new configuration options exist for the Tile Landscape styles: It is possible to choose whether or not to display the Listing text, and the Tertiary text fields in the listing.
Whether these text fields display can be set using checkboxes in the Layout options section of the Grid listing and Carousel editing screens:
The font settings for the Tile Landscape styles are in Advanced Font Management > Item styles > Tile – Landscape:
- Listing text
- Tertiary text
The colour settings for the Tile Landscape styles are in Advanced Colour management > Item styles > Tile – Landscape:
Return to Documentation