Customizing styles for fields and other objects

To apply a custom style

1. In the style sheet to which you want to apply the style, add the style, using the following syntax:
   styleName {property: value;}
   For example:
   myRaisedBox {
   border-bottom-color: #e9967a;
   border-right-color: #e9967a;
   }
2. In Developer Studio, open the form that contains the field to which you want to apply the customized style.
3. Select the field.
4. In the Properties tab, select the Custom CSS Style property, and enter the name of the style from your style sheet (for example, myRaisedBox).
5. Save the form.
6. Open your browser and clear any temporary (cached) files.
7. Display the form to verify that the style has been applied to the object.

The following examples show customized styles applied to boxes and buttons.

Customized style for box borders


Customized styles for buttons