Styles
While their use is optional, Styles will save you a lot of time because they allow you to make simultaneous changes to similar elements on a tool. For example, you might want to use a particular font and font size on a tool so that it matches your website. Instead of selecting each element on a tool and changing the font and font size, change the font and font size on the "text" style. Every element using that style will be updated with the new font and font size, reducing the number of changes you need to make. You likely still will need to make some adjustments on a few elements, but using Styles means you will spend far less time in the Designer.
Viewing, Selecting and Altering Styles
To view the Styles, click Styles to the left of the tool preview in the Designer. The available Styles vary by tool depending on the tool's elements. To select a Style, use the Configure List or the Single Click method as is done for selecting elements. Changes can be made to the Style using the properties on the menu to the right, much the same way as you alter individual Element Properties.
Examples of Styles
- Text
- Labels
- Input Fields
- List Inputs
- Links
- Buttons
- Table Headers
- Table Rows
- Table Row Alt
Styles are available when multiple elements on a tool have similarities. So if there is more than one button, you will see a Button Style, for example. The three Styles for tables are only available on the Single Gift Tool because it is the only tool that uses multiple tables. Other tables only require one set of changes, eliminating the need for a Style.
Overriding Styles
Any Element whose Properties are affected by a Style will have an Override Styles column with checkboxes to the left of the property values. These checkboxes make is possible to override single components of a style.
Let's use Text as an example. First, let's say you set the Font properties for the Text Style to be 12 point black text. Back on the tool preview, you can see that all applicable text elements now have 12 point black text. Let's say that you want the Title's text to be larger and red. Select the Title element, and under Font click the override checkbox beside the size and change it to be bigger. Click the checkbox next to color and choose the red you desire. By overriding the Style, you can change one text element, in this case Title, without affecting the other text elements which you want to remain 12 point black.
