Nexaweb .xss Stylesheets

Nexaweb .xss stylesheets are similar in functionality to an HTML Cascading Style Sheet (CSS). They allow you to create styles to store component attributes that you can apply globally across all components or locally to a certain set of components.

Nexaweb stylesheets are XML-based. You can edit them using the Nexaweb Stylesheet Editor or by editing the stylesheet source directly in an XML editor. The Nexaweb Stylesheet editor provides tabs for you to define styles and gradients using forms or by directly editing the source.

The Nexaweb Client determines what stylesheets to use based on a stylesheet declaration in the Nexaweb Client configuration file, nexaweb-client.xml, and applies the attributes defined in the stylesheet to all applicable components.

Each Nexaweb project includes an empty stylesheet file, stylesheet.xss.

Nexaweb recommends that you define at least one stylesheet for each application in order to set attributes for recurring components. For example, to format the look of all OK buttons, so that you can easily change the look and feel of the OK button across an application all at once.

Creating styles involves specifying attribute values for component types in various states. For example, in creating a style for an OK button component, you specify values for the button component's backgroundColor attribute in normal, mouseOver and mouseDown states.

A style can be either a UI component name, in which case it will apply to every component of that type in the application, or a generic class name. A class name starts with a dot ".". Any component that wishes to apply the class attribute values should define the class attribute with the class name as the value.

States control when the stylesheet attribute values are applied. Available states are:

• Normal

• mouseOver

• mouseDown

• disabled

• selected

• focused.

These states are not mutually exclusive, the priority order is as follows:
disabled > focused > selected > mouseDown > mouseOver > normal.