It is easy to create styles in the Properties pane using the Select Properties for New Style dialog box. This is the preferred method for style sheet creation and configuration.

1. Configure the desired properties values for your screen object (control) in the Properties pane.
2. Click (Add a new style based on this control) next to the Style property to open a new style sheet for this control. The style sheet will pick up any property values you have configured for the control.

Style Sheet configuration — Properties pane

Note: The style sheet does not display all properties for all control types. Some complex object types (for example, Chart.Series properties, and Grid.ColumnDefinition properties) and lists (e.g. ComboBox.Items properties) are hidden from style configuration.

3. Click the check box next to the properties for which you wish to apply a new style.
4. Edit any property values as desired.
5. Optionally, rename the style by editing the name in the Style name box.
6. Once your style sheet is configured, click OK to save the configuration to the global settings file.
7. Or click Cancel to abort and close the Select Properties for New Style dialog box.

The Backstage view is the best location for globally managing styles. Additionally, this is where you designate the default style for a control type. You can also delete styles from this view. Once created in this view, the style will be visible in the Styles property drop-down menu and can then be associated with an object in the Properties pane.

1. In the Backstage view, go to Settings, and click Style sheet to open the Style Sheets dialog box.

Style Sheet configuration — Backstage view

Note: The style sheet does not display all properties for all control types. Some complex object types (for example, Chart.Series properties, and Grid.ColumnDefinition properties) and lists (e.g. ComboBox.Items properties) are hidden from style configuration.

2. Click Add new style to add a new style for any control type listed in the drop-down menu. The styles are added sequentially under each control type, and you can change a style's name to suit your needs. You can expand and collapse each control type by clicking or next to the control name or simply by clicking anywhere in the control name heading.
3. Select the style in the left pane and the grid in the main pane of the dialog box will populate with three columns:

1. a selection check box
2. a list of most properties associated with this control type
3. the default values for each property

4. Optionally, rename the style by editing the name in the Style name box.
5. Indicate whether the style will be the default style for this control type by clicking Default style for this control type. A green check will display next to the default style for each control type. Each time a new control of this type is added to a screen, the default style will be used.
6. Edit the control's properties for the selected style:

1. Click the check box for the property for which you want to set a style value.
2. Click in the Value column and use the configuration options to set a new value. See the properties topic for each control type for an explanation of each property.

7. Optionally, click next to a style name to remove it from the list of available styles for any control type. If you delete a style in the Backstage view, any controls using the style will retain the style settings but will no longer get style updates.

8. Click in the column header to filter the rows as needed. Click here for more information about using the filter tool.

9. Click any column header to sort that column in ascending or descending order.

10. Once your style is configured, click OK to save the configuration to the global settings file.
11. Or click Cancel to abort and close the Style Sheets dialog box.