Page History
...
The stylesheet can be specified at solution level, it . It has to be stored in the solution's media , node; for usage of images from media library do inside the .css/.less please use relative URL's.
In the Solution Explorer Tree you can just create a new file (xxxx.css ) in your media folder of your solution. Which can then be assigned with the stylesheet property of the solution node itselfor yyyy.less) in your media folder of your solution, which can then be assigned to the stylesheet property of the solution node.
| Info | ||
|---|---|---|
| ||
Less is library that helps you write .css that is more dynamic. It supports variables and other helpful concepts and it will compile the .less file into an actual .css file for the browser. If you are using Servoy 2019.03 or later (those have LESS support built-in) do try this out (just give a .less file to the solution instead of a .css file). These versions also have NG Client theme support - that is also based on .less. |
1. Standard component CSS Selectors
...
| Code Block | ||||
|---|---|---|---|---|
| ||||
.loading-i-holder {
display: none;
} |
...
"servoy.filechooser.error"
| Anchor | ||||
|---|---|---|---|---|
|
In the .css/.less file that you choose as a property of the solution you can also reference other .css/.less files from solution media.
For example if you have another css file in media "stylesheets/ui_customisation.css" (the path is relative inside media to the solution .-css-or-less file that does the import) you can reference that by adding this line at the beginning of you solution's .css/.less:
| Code Block | ||
|---|---|---|
| ||
@import "stylesheets/ui_customisation.css?t=##last-changed-timestamp##"; (...) |
...
Overview
Content Tools
Activity