Call-Out

Call-Out

Recommended Usage A Call-Out Section makes it easy to highlight important information.  It makes your content stand out with a visually distinct box for text and links. The call-out section is not a component, instead is a page section that has a background colour. The contents of a call-out section are populated using the Standard Editor Component […]

Featured Header(Video & Image)

Featured Header(Video & Image)

Recommended Usage A Featured Header Image or Video is a large banner image or video generally placed on the start of a web page that depicts an overview of the page’s content. Component Fields: Featured Header has a Header Type field to specify whether it’s an image or video. Image Header has Image Background and Mobile Image Background fields. Video Header type has a field to […]

Featured Header - Image Background Example

Image Slider

Recommended Usage Image Slider is used to display a carousel of pictures and their captions. Component Fields: Image slider has fields for selecting the slide picture and a text field for entering the caption. Interactivity: The slider has left and right arrows that will change the slides. How to add an Image Slider component Add […]

Accordion

Accordion

Recommended Usage Accordions are useful when you want to hide and show a large amount of content. Each item can be “expanded” or “collapsed” to reveal the content associated with that item. Component Fields: Each accordion consists of a Title and Content field and the accordion component has a colour scheme and size option. Interactivity: […]

Accordion - Live Demo

Mega Button Bar

Recommended Usage The Mega Button bar component consists of large buttons grouped together in sets of two-column or three-column rows.  Each button has a title, optional button text, and a URL. Like Button bar, these are best for displaying related action items that are all related to a section or page’s content. Component Fields: Mega […]