Setting default styles on the Theme pane, though optional, saves a lot of time and effort. An element that appears multiple times throughout a tool can have its background color, border size and color, text size and color, alignment and other properties set once instead of each time the element occurs. If you need to, you can always override the properties you set in Theme when styling elements on the individual pages of the tool.
You have almost unlimited choices in background, border and text colors, as well as in font sizes and styles, but remember, simple is usually best! We suggest that you set a font size of at least 12 points for all text and that you coordinate colors and fonts to your website. Your webmaster can probably even give you the official "web numbers" for a few coordinating colors (see Color Picker).
Viewing, Selecting and Altering Styles
Click the Theme pane above the tool preview in the Designer. Select the type of element you want to style by 1) clicking on it in the preview or 2) choosing it in the dropdown menu at the top right of the window. Navigating the elements to style in the Theme pane is very similar to navigating the Designer's individual elements. See Selecting Elements.
The type and number of elements available to style vary by tool. In our example we have selected Button. The properties you choose from the many options at the right will apply to all buttons on the tool unless you decide to uncheck Use Theme Value for a specific button.
Examples of Theme Elements to Style
- Text Input
- Select List (Dropdown List)
- Table Header
- Table Row
- Alternate Table Row