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.
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 the component select dialog. Select the Variable filter to display supported components.
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
To set your style in the theme:
- Go to the Appearance tab in your course.
- Go to the Variable menu item tab.
- You can now set your course-wide Variable style:
- Background color
- Border radius
- Box Shadow
- Text appearance
You can then repeat this process in specific Article Styles.
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.
Check a variable value
The value of a variable can be checked and changed using the Live Preview tool. Editing the value of a variable will have the same effect as if it was changed via a component or trigger. The log section will also show when the variable was updated and the previous and current value.
Did this article help?
Let us know by leaving a star rating or review at the top of this article.