The marquee layout consist of a heading and optional snippet overlaid on a background visual with up to three optional widgets displayed underneath.
How this works
Presentation options
Text
Text alignement
Selection | What this means | What this triggers |
---|---|---|
Left | Left-aligns the marquee text. | N/A |
Center | Centers the marquee text. | N/A |
Text color
Selection | What this means | What this triggers |
---|---|---|
Dark | Dark marquee text will be displayed and a light-colored translucent overlay will be inserted between the text and background image. | N/A |
Light | Light marquee text will be displayed and a dark-colored translucent overlay will be inserted between the text and background image. | N/A |
The marquee overlays are coded to provide the minimum contrast to meet accessibility guidelines. However, if you still find the marquee text difficult to read, you can provide additional contrast via your media selection and treatment (i.e., using a tonally-darker or lighter visual).
Text area width
Selection | What this means | What this triggers |
---|---|---|
12 | The text will occupy half the width of the marquee (12/24). | N/A |
18 | The text will occupy three-quarters of the marquee (18/24). | N/A |
24 | The text will occupy the entire marquee (24/24). | N/A |
Media
Image
Select the marquee background image using the file chooser.
Aspect ratio
The aspect ratio of the marquee is the ratio of its width to its height. If left as ‘auto’ the height of the marquee will match that of its text content. You can adjust this by entering a desired aspect ratio using w:h syntax.
If the entered aspect ratio causes the text to overflow, the marquee will adjust automatically increase its height to prevent that. In this case the actual aspect ratio of the marquee will not match the provided aspect ratio.
Heading
Enter the marquee heading using the Text Data Definition field.
Snippet
Enter the marquee snippet using the Content WYSIWYG. If you don’t want a snippet, you can safely leave this field blank.