Variables

In this article, we'll go over what variables are in Evolve, how to store and display a value in variables, how to style a variable, and how to check a variable value.

Variable overview

Variables can store string (text), number, or boolean (true or false) value types. Variables are created in Logic section when editing a course. Variables can also have a default value set.

Variables can be used to display their value in the course or as an event source for a trigger.

Store a value in a variable

Certain components and extensions can store a value into a variable. Each of these components has a specific variable type that it can be saved to. For example, the Number Input Component can only save to variables of a Number type.

Components that support saving a value to a variable can be found in Behavior section when editing properties of a component.

You can also set how a Component can store a value to a variable:

• String Variable types can have their value replaced or concatenated to.
• Number Variable types can have their value replace, increased or decreased.

Triggers are also able to set a variables value using the appropriate action type.

Display a variable value in a course

The text editor in Evolve supports displaying the variables value in a course. Simply add the variable anywhere by clicking on the Insert Variable button in the text editor and the current value will be displayed in the course.

Style a variable

It is possible to style the appearance of a variable when it is displayed in a course. This can be done via the theme (this is our recommended approach) or, if you wish to style them individually, the variables section.

When creating the variable you can choose your style settings:

• None - No style will be applied
• Theme - Will pull from the theme
• Inline - Will allow you to create a specific style for that variable

Theme

To set your style in the theme:

1. Go to the Appearance tab in your course.
2. Go to the Variable menu item tab.
3. You can now set your course-wide Variable style:
   1. Background color
   2. Border
   3. Border radius
   4. Box Shadow
   5. Layout
   6. Text appearance

You can then repeat this process in specific Article Styles.

Inline

When creating the variable, you will need to set the Style dropdown to Inline. You will then be shown the same settings as above. This option will allow you to style individual variables.

Did this article help?

Let us know by leaving a star rating or review at the top of this article.