Styles #

What are Styles?  #

Styles define the appearance of Action Buttons, Text Boxes, and Step Menus. This includes the text and interface elements, such as font style, box color, position, size, and opacity. Styles ensure a customizable, yet consistent, UI appearance throughout the experience. A single style is only applicable to one object type (Action Button, Text Box, or Step Menu), but multiple styles can be available for any given object type.

How to Create and Apply Styles? #

As part of every experience, default styles are automatically available and applied to the appropriate object (action button, text box, step menu). These default styles can be customized by going to Resources > Styles, and right-clicking on the desired style and selecting Edit. 

To create another style:

1. From Resources > Styles, click the Create Style + button
2. Give the style a name and choose the object to which the style will apply (Action Button, Text Box, or Step Menu)
3. Customize the style and save. 
4. When an action button, text box, or step menu action is used, the style can be changed from the default style to a different style