Intelligent Agent Core User Guide

Please email support@awaken.io for omissions or errors.
×
Menu

Styling Tab

 
The Styling tab allows customisation of the appearance of the selected Field, and the offered stylable elements will vary depending on the Control type.
 
If a Stylesheet has been applied to the Workflow, then the Styling tab will only override (for this Field) items from the Stylesheet that are changed away from default options or given a specified colour, and Fields can be individually altered through the Styling tab without affecting the styling of other similar Fields.
 
Some stylable elements act as parents or children of each other; the primary example of this is the Left Cell and Right Cell that are present for many Control types. The Left Cell is typically the container for the Text stylable element, whereas the Right Cell can be the container for both the Input and Label stylable elements. Any styling defined for the child stylable elements will override any styling inherited from the parent stylable element.
 
 
 
The list of stylable elements will depend on the Control type; something like a Button will only allow styling of the button element itself, whereas something like a Text Box allows you to style four separate elements. Despite the differing list of stylable elements, the options available for each type of element are consistent.
 
 
Styling Tab
 
 
1

Element Name

1. Element Name
 
The name of the currently selected stylable element.
 
2

Text

2. Text
 
This pane allows styling of any text within this stylable element. This could be a label beside an option for a Radio Button to guide the agent's selection, the input area of a Text Box, or any other text within the selected stylable element.
 
3

Border

3. Border
 
This pane allows a border surrounding the selected stylable element to be defined and styled.
 
4

Miscellaneous

4. Miscellaneous
 
This pane allows the background colour for the entire stylable element to be defined, as well as specifying the stylable element's size in pixels. If the size is left undefined, then the stylable element will be sized automatically based on its content.
 
5

Additional Classes

5. Additional Classes
 
If desired, additional CSS classes can be specified here against this stylable element of the current Field. These CSS classes can then be managed via a Stylesheet, for instance by creating an optionalQuestion class that then allows shared styling of all optional Fields centrally and easily, such as changing their font colour and italicisation.