Copyright © Cloud Software Group, Inc. All Rights Reserved

Applying Custom Styles

Styles defined in a Stylesheet resource can be applied to an entire form. After the custom stylesheet is associated with the form, control styles defined in the stylesheet are automatically displayed in the Style dropdown list for each control.

To Apply a Custom Style to a Form

1.	In the project panel, select the form to which you want to apply a custom style.

2.	Look at the Custom Stylesheet field in the Configuration tab. By default, this field is blank, which means the default stylesheet is used.

3.	To see the default style sheet, click the Preview button .

Figure 27 Default Stylesheet

4.	Click the Browse resources... button next to the Custom Stylesheet field and browse to the Stylesheet resource in the Form Resource Store, such as fancy style.

Figure 28 Apply a Custom Style

5.	Click on Apply to apply the new custom style to your form.

6.	By default, each control on the form has a Style attribute with three values (normal, large, highlighted).

When you apply a new custom style, it will appear in the Style dropdown list.

Figure 29 Custom Style Applied

Select the appropriate style for each control.

Verify Stylesheet Application

7.	To verify the appearance of a custom style, you can preview the form by clicking again on the Preview button .

Figure 30 Verify Custom Style Application

If you are not satisfied with the style you have created, you can edit it again.

Copyright © Cloud Software Group, Inc. All Rights Reserved