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. |
Background colour, image, text and link/button positioning are set for each tile separately. This allows design flexibility for your content .
The widget can be used in the following templates:
Left Side or Right Side next to a field refers to which content tile you are configuring.
Option | Use | Comments | Available 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 |
Layer | The 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 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>