Child pages
  • Styling your Applications

Versions Compared

Key

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

Servoy supports the use of HTML cascading style sheets (CSS 3.0) for styling the applications. For In order to allow a more flexible use of CSS Servoy powerful way to interact with CSS syntax Servoy not only contains a pre-filled default CSS file but also implements a compiler for Less files.

Stoc


CSS Overview

Servoy supports the use of HTML cascading style sheets (CSS) for styling applications. CSS is a plain text file that contains the style of each component that can be shown in a form, and the form style itself.


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;
}

These text files are stored in the solution's media node. 

...