Widget Use

Renders two side by side content tiles in a zone with widget options for selecting or adding background colour, image, text and link/button positioning.


Example of Widget Use

Background colour, image, text and link/button positioning are set for each tile separately. This allows design flexibility for your content .  

Where can the Widget be placed?

The widget can be used in the following templates:


Widget Options

Left Side or Right Side next to a field refers to which content tile you are configuring. 

OptionUseCommentsAvailable from Version
Description

A short description of the widget's use.

This description is added to the widget title. It makes the widget's use clear on the template page.

All
LayerThe layer the widget is valid for.

Use layering to limit widget content to certain groups of users. 

To use the same widget for more than one user group but with different options set, add the widget as many times as needed in the same zone. Then add layering to define the user group each time. 

All
Background Colour

Select a colour for the background.  

The colour range available have been intetegrated from your style guide.

Default: default background colour integrated in your style guide


4.37
Hyperlink (Left Side)

Add a hyperlink for the left side tile.


4.37
Tile Background Image (Left Side)Upload an image for the left side tile.
4.37
Static Content (Left Side)

Use the textbox to add text to the left side tile. 

Use the text editor to add styling or a button for the content. See below for some options.

4.37
Hyperlink (Right Side)

Add a hyperlink for the right side tile.


4.37
Tile Background Image (Right Side)

Upload an image for the right side tile.


4.37
Static Content (Right Side)

Use the textbox to add text to the right side tile. 

Use the text editor to add styling or a button for the content.  See below for some options.

4.37


Some Text Styling Options

Align text

Add bullet points and lists

Add buttons and call to action links

(Some HTML skills needed)


Switch to Source Code mode.

For a button, you can use this code:

<a class="btn primary" href="https://yourwebsite.com.au/">button text here</a>



Related help