Add an image as a Section background with parallax in Flow

A very dramatic responsive design idea is to use an image as the background behind a section.

If you add a parallax effect, as the user scrolls down the page the background image and the content over it will scroll at different speeds. This creates a sense of depth.

This lesson outlines the steps to add an image background to a Section on the Flow page and set it to a slow parallax effect.

Steps to replace an image used as a Section background

Tips for controlling the display and design of Sections with Dividers

A walk-through on how to add a Custom Character Set and a Custom Background to the Scenario Builder widget.

Hi, 
I'm using the scenario builder and have a few questions. 
1. Is it possible to add images into each speach bubble? I can see the option for audio, but not for an image. 
2. Is it possible to format the text, i.e. if I want to bold or italicising something? 
3. Is it possible to add in links to pop ups or hyper links into the speach bubbles? 
4. Is there any way I can use the images in the scenario as their own stand alone images? I can't seem to find a full body avatar in the stock media...

I've read the guide it says to right click another place it says double click neither works in dominknow. At the bottom of the screen I see Accessibility tab with Alt Text and a fill in but can't find a way to made the grayed out Edit Asset button work.

Steps to add a Hotspot to an image.

You can add hotspots as a layer over an image. If you move the image the hotspot will remain in the same location in relation to the image.

Once you have added a hotspot you can use it as a trigger for a wide range of Actions such as showing or hiding content.

NOTE: If you have an action with an on-click trigger set on an element layered over an image (for example, a hotspot) plus an action with an on-click trigger set on the image element as a whole, bo...

Steps to add a Label to an image.

Instead of adding text within an image file you can add Labels when authoring. This is great for identifying or naming parts of a diagram, for example.

If you move the image on a Claro page or if it moves or resizes in a Flow page the labels will stay in position in relation to the image.

The text in the labels is also included in Translation export files, making it easy to translate the text (much easier than editing the image in another application to ch...

Adding a background image to a Section on a Flow page is a great design idea. But images are often very complex visually and it can be hard to read text over them.

One way to help the text be more readable is to add a background color with a transparency setting to the text. The background helps the text stand out against the image while the transparency means the image can still be seen behind the text, providing an effect of added depth to your page.

In this lesson we’ll add a transparen...

Hi,
 

Is there a way to add spacers as row group elements? Currently the only way that i can see that you are able to add spacers is by adding a brand new section, with the spacer being added to the top of the section in its own row. What I'd like to do is create some spacing above and below an element (a coloured box) so it sits in the middle of a section that has a background image spanning the entire height.


Apologies if my description isnt clear, I'd upload an image to better explain...