Stoc |
---|
Servoy supports the use of HTML cascading style sheets (CSS) for styling applications. These text files are stored in the resource project. A resource project can have many CSS files, and more than one CSS can used in a solution.
...
To create a style in Servoy:
...
Tip | ||
---|---|---|
| ||
It is normally easier to work with an existing style. Most of the sample solutions have a style associated with them and these style are imported when the solution is imported into Servoy Developer. You can also create a new style and copy/paste different entries from one style to another. |
To open an existing style sheet:
A style sheet for Servoy has basic style definitions and style definition classes.
...
Notice that the border style and font are not modified in the mytext class. This means if a label were specified to use mytext for its style, it would be bold, 10pt, Verdana because that is what is specified in the parent style definition. The color would be red (not black) because that was overridden by the mytext definition class.
In order to use a style sheet, the style sheet must be applied to a form. Solutions do not have a style sheet applied, only forms. Styles for the elements on a form are dependent on the style sheet applied to the form.
A style can be applied to a form in one of two ways.
...
Tip | ||
---|---|---|
| ||
If you are creating forms, the style sheet selected for the first form will be automatically selected in the New Form Wizard for subsequent forms. If you happen to not enter a style sheet in the wizard, but would like to apply a style sheet to many forms, just multiple select the forms in the Solution Explorer and edit the Properties view. This will change the property on all the forms you have selected. |
Any elements on a form with a style applied AND have a style definition entered for the element type will take the styling from the style definition entry. For example, if I am using the style test, and there is a label entry in the test style sheet, then ANY label placed on the form will take the label style from the style sheet.
...