Child pages
  • Styling your Applications

Versions Compared

Key

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

...

Code Block
titleCSS file sample
.svy-field
{
	background-color:#f0f0f0; 
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #cccccc;
	font-family: Verdana, sans-serif;
	font-size: 8pt;
	color: #333;
	text-align: left; 
	margin: 2px; 
	font-weight: normal;
}
.svy-form
{
	background-color: #ffffff; 
	border-style: none; 
}
.svy-label
{
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 7pt;
	color: #666666;
    text-align: left;
}

The CSS text file is stored in the solution's media node. 

Benefits of using CSS in Servoy include:

...

  • only CSS stylesheets are supported, Less styling language is not supported,
  • CSS text files are stored in the Styles node of Solutions resources
  • limited selection of available classes 

...

  • unprocessed CSS (3.0) to do all styling of solutions.
  • Less styling language is supported
  • CSS and less text files are stored in the Media node of the active solution
  • All possible CSS properties can now be used, like:
    • All types of selectors
    • Pseudo-classes

...