Convivial for GovCMS is an advanced starting point for GovCMS sites. View the site with Australian Government Design System or Bootstrap 5.

View modes

View modes define how content is displayed in its various forms. Convivial ships with a wide range of view modes which give editors easy control how they wish to display content. This is particularly helpful for building out landing pages which need to highght content and  link off to other parts of the site.

View mode – Calendar Item

Node List of example content, rendered with Calendar Item view mode in a single column.

Test article

Test article with general content relevant to all audiences.

Test event

Test event with general content relevant to all audiences.

Test page

Test page summary.

Test person

Test person summary.

Test topic

Test topic summary.

View Mode - Icon

Drupal 8 logo

Basic icon

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales sed arcu non auctor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Drupal 8 logo

Icon with background colour

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales sed arcu non auctor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Drupal 8 logo

Icon with background image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales sed arcu non auctor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Drupal 8 logo

Icon with link

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales sed arcu non auctor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

View mode - Image

Dandilion
Dandilion
Dandilion
Tree at the beach
Leaves
Test person image
Arch bridge

View mode – Search

Node List of example content, rendered with Search view mode in a single column.

Article

Test article

Test article with general content relevant to all audiences.
Event

Test event

Test event with general content relevant to all audiences.

View mode – Image Card

Node List of example content, rendered with Image Card view mode in a four columns.

Dandilion
Article

Test article

Test article with general content relevant to all audiences.
Dandilion
Event

Test event

Test event with general content relevant to all audiences.

View mode – Basic Card

Node List of example content, rendered with Basic Card view mode in three columns.

Article

Test article

Test article with general content relevant to all audiences.
Event

Test event

Test event with general content relevant to all audiences.

View mode – Summary

Node List of example content, rendered with Summary view mode in a single column.

Article

Test article

Test article with general content relevant to all audiences.
Event

Test event

Test event with general content relevant to all audiences.

View mode – Teaser

Node List of example content, rendered with Teaser view mode in a single column.

Article

Test article

Test article with general content relevant to all audiences.
Dandilion
Event

Test event

Test event with general content relevant to all audiences.
Dandilion

View mode – Teaser Big

Node List of example content, rendered with Teaser Big view mode in a single column.

Article

Test article

Test article with general content relevant to all audiences.
Dandilion
Event

Test event

Test event with general content relevant to all audiences.
Dandilion

View mode – Teaser small

Node List of example content, rendered with Teaser Small view mode in a single column.

Article

Test article

Test article with general content relevant to all audiences.
Dandilion
Event

Test event

Test event with general content relevant to all audiences.
Dandilion
Read more

View Mode - Tile

Test article

Test article with general content relevant to all audiences.
Dandilion

Test audience

Test audience summary.
Dandilion

Test event

Test event with general content relevant to all audiences.
Dandilion

Test FOI disclosure

Test FOI disclosure summary.
Tree at the beach

Test page

Test page summary.
Leaves

Test person

Test person summary.
Test person image

Test topic

Test topic summary.
Arch bridge

View Mode - Title

Layout: Alternating

Node List of example content, rendered with Teaser view mode in a single alternating column.

Article

Test article

Test article with general content relevant to all audiences.
Dandilion
Event

Test event

Test event with general content relevant to all audiences.
Dandilion

Media - basic card

Styleguide

Screenshot of Convivial UI-Kit styleguide.

Media - View Mode - Search

Styleguide

Screenshot of Convivial UI-Kit styleguide.

Media - View Mode - Summary

Styleguide

Screenshot of Convivial UI-Kit styleguide.

Media - View Mode - Title

Last updated