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.
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.
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...
I'm currently trying to create a show and hide interactive, but I want to make it, so on load it's hidden, but then once you click a button it shows, and stays visibile forever. Currently when I use the show/hide actions, then I navigate back to the page, the element hides again.
To get around this I've been using variables, set to true, and then the element shows when the variable is true. This seems to hold even when going back to the page, but it's a ime consuming process. Having to ...
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.