Page History
For styling the solutions Servoy supports the use of HTML cascading style sheets (CSS 3.0) for styling the applications. In order to allow a more powerful way to interact with CSS syntax Servoy also implements the Less files compiler.
| Stoc |
|---|
...
| Code Block | ||
|---|---|---|
| ||
// import of the custom servoy theme properties that will import the hidden servoy theme, this imported file is for customizing the default servoy theme properties
@import 'custom_servoy_theme_properties.less';
// Add your custom less/css to this file you can use the same less properties that are specified in the above properties.less
.pitc-bkg-blue
{
background-color: #95c0cb;
}
.pitc-txt-default
{
font-weight: normal;
font-size: 12pt;
color:#000000;
margin: 2px 2px 2px 2px;
padding: 0px 0px 0px 0px;
}
.pitc-txt-default-med:extend(.pitc-txt-default)
{
font-size: 12pt;
}
.pitc-txt-default-med-blue:extend(.pitc-txt-default-med)
{
color:#0000ff;
} |
Styling differences between Solution
...
Types
Some difference exist regarding styling between solutions developed for NG client and solutions developed for smart or web client.
...
- 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
...
Overview
Content Tools
Activity