Change a Text Element's font color (Style) setting

Steps to change a Text Element's font type setting.

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.

Steps to add an Icon to a text element.

The Icon collection is font-based, so it will take on all the text styling settings that you apply.

Steps to edit text in a Text Element.

The changes you make are saved once you leave the Text Element.

Steps to use the Show Variables setting to display either the default {x} variable placeholder or the full variable string in a text element.

Editing text in a text element is almost exactly the same in Flow and Claro.

In both modes you double-click on the text element to be able to enter. When you're finished your edits you select either another element or a blank area of the page to leave the text element. At that point the changes you made will be saved.

In this example we change the default text in two elements previously added to the Flow page by adding a Section.

I am having trouble getting font style (specifically bolding) to show up consistently between operating systems. On Windows, the bolded font displays correctly. On Mac, however, the bolding is missing. The font is also switching to from Verdana to Times New Roman and another undefined font on Mac when I’ve selected “Theme Base Font”. I’m using Chrome for both operating systems. 

Steps to move elements toward the back or the front of a Page in Claro.

As you add elements to a Page in Claro the most recent element is added at the top of the page above previously-added elements.

You can move elements toward the front or back of the page one position at a time or completely to the front or back position.

Steps to edit a Multiple Choice Inline Question component.

You can add multiple answer, change the text, change the question settings, as well as control many display properties.

As you create a Project, you’re adding in all kinds of information like the Project’s name, the names of Pages it contains, or what the passing score is for a test.

A lot of that information is available as a System Variable that you can display in a text element.

This example shows how to set a text element to display the System Variable for the name of the Project.

These same steps apply to any of the other available System Variables.