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.
Element Name
The name of the currently selected stylable element.
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.
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.
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.