Difference between revisions of "Features/Customized design"
Jump to navigation
Jump to search
| Line 19: | Line 19: | ||
# Reload page with CTRL + SHIFT + R | # Reload page with CTRL + SHIFT + R | ||
== Stylesheets == | == Stylesheets == | ||
== Context sensitive styling == | |||
In some cases your design needs to change according to usecase, user in question or choices made using the application. | |||
By default the following CSS classes are added to the page depending on the situation | |||
* Command requested: Ex. editCommand | |||
* Language selected: Ex. daDK, enUK | |||
* User template: Ex. IsAdministrator, IsAnonoumous | |||
In addition it is possible to add a CSS class to a group, and then all users in that group will have that class added to their page. | |||
== Templates == | == Templates == | ||
Revision as of 12:51, 9 November 2024
Usage
To customize the look and feel of your platform, you can excert detailed control of all design elements
- Stylesheets defining colors, graphics and fonts
- Templates (rendering) controlling how pages are rendered
- Wrapper controlling the header and footer on all pages
- Language where labels on buttons are set
- Buttons which controls the iconography
Design quickstart
For a most basic functional customer design you can define 3 colors and a URL to a logo.
Instructions
- Designer > Design > Stylesheet
- Edit values in
- Reload page with CTRL + SHIFT + R
Stylesheets
Context sensitive styling
In some cases your design needs to change according to usecase, user in question or choices made using the application.
By default the following CSS classes are added to the page depending on the situation
- Command requested: Ex. editCommand
- Language selected: Ex. daDK, enUK
- User template: Ex. IsAdministrator, IsAnonoumous
In addition it is possible to add a CSS class to a group, and then all users in that group will have that class added to their page.