Child pages
  • Styling your Applications

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

The style definitions for Servoy are as follows:

  • .svy_-form
  • .svy_-flabel
  • .svy_-fbutton
  • .svy_-field
  • ... and more

Under any of these style definitions, the developer can create many style definition classes. For example, the label style definition could have the style definition classes label.title, label.small, and label.bold.

Each definition and definition class can have one or many properties associated with it. Properties specified within the style definition are inherited(cascaded) to any style definition class under it. Study the example below

Code Block
.svy_-label {
	color: #ffffff;
	border-style: solid;
	font: bold 10pt Verdana;
}

.svy_-label.mytext {
	color: red;
	vertical-align: middle;
	border-width: 1px 1px 1px 1px;
	border-color: #111111 #111111 #111111 #111111;
	margin: 2px 2px 2px 2px;
} 

...