Child pages
  • Styling your Applications

Versions Compared

Key

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

...

Code Block
titleCustom less/css sample
// 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;
}


Solution Type Styling

There is a difference between the available styling options for solutions developer for NG client and solutions developed for smart or web clients.

Styling for smart & Web client

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

Styling for NG client

  • unprocessed CSS (3.0) to do all styling of solutions.
  • Less styling language is supported
  • CSS and less 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

Creating a Style

To create a new Style 

...