Set a background (fill) color on an element

Steps to set a background (fill) color on an element.

Setting a background color can be used for many visual effects.

In this example, we have a text element over an image and it's difficult to read the text.

We can add a background or fill color to help the text stand out more.

Giving the background color a slight transparency allows the image to still be seen through the text element, which can be an interesting visual design effect.

Hi,
I'm trying to change the background colour of an input text box when the string that they input equals a pre-defined value (i.e. I'd like to have the input text box turn green when they enter the correct string).
I can get the two parts of this problem working independently (colour change and string check trigger) but can't get them to work together. I've been able to successfully target and change the input text box background using the theme Add CSS functionality, and i can successfully...

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...

Steps to change the background fill color on a Section in a Flow Page.

For this lesson the page has a Decorative Header section added to the top of the Page from from the Add Your First Section options on a blank page plus a second section added below that.

You can set a background fill color on any Section on a Flow page using these same steps.

Steps to replace an image used as a Section background

Steps to set an element to increase a Custom Variable by 1 when the learner clicks on the element.

In dominKnow | ONE, you create a Custom Variable as part of setting up the first action that will set its value. (You don't need to create the varibale first then create the action to set its value.)

In this example the action is set to fire only once so if the learner clicks on the element more than once, the variable's value isn't increased after the first time click.

After this first actio...

Steps to add a label to an Image Element.

The label is added as a layer within the image element.

If you move the element on the page, the label will move as well and remain in its location above the image.

You can also use these instructions to add and edit Labels on Video elements.

Scenario:

We're using a single in-line text input field with an associated variable (per screen) instead of the standard Short Essay question template (we have reasons for not being able to use the template, mostly to do with being unable to disable the default template pop-ups)
We want to have feedback displayed when a custom Submit button is clicked and we want that feedback to stay visible even after they navigate away and back to the screen. This is so they don't have to click on the S...

Steps to set up a Show Action where the learner will click on a button to show another element on the Page.

This exampe uses a Button but any element can be set up as the item the learner will interact with, including text elements, image elements and more.

Similarly, this example Shows an image element but any element can be selected as the Target of the Show Action. You can also select multiple elements as targets, to Show more than one thing at a time.