styleClass Property Editor

See Also

The styleClass Property Editor enables you to add style classes, also known as CSS rules, to the styleClass property, or to bind the styleClass property to a JavaBean that determines the style classes applied to this component at runtime. You open this property editor by clicking the ellipsis button (...) to the right of the styleClass property for any component.

A typical use of the styleClass editor is to add CSS rules that you have defined in stylesheet.css. You typically define these rules with the CSS Editor.

If you click the Use Value radio button at the top of the property editor, you see a list of CSS rules, also known as style classes, that you can add to the property. By default, these rules are defined in the style sheet stylesheet.css and in the CSS files in the theme JAR file being used by the project (see About Themes). If you have added another style sheet to the project, those CSS rules appear also.

After clicking the Use Value button, you can:

When you click OK, the choices you make in the Selected column are applied to the styleClass property, and the component's appearance usually changes in the Visual Designer to match these CSS rules.

For an introduction to CSS, see the following web page:

For an online reference to CSS, see the following web page:

See Also
About Components
About Themes
Common Component Properties
Using Cascading Style Sheets

Legal Notices