Design & Styling
Email templates
If you need to include graphics in the design we recommend using inline base64 images. CSS is ea...
Inserting data
To insert data from a record,,into an email, the following syntax is used. {FIELDNAME} Custom f...
System templates
Templates can be changed in the designer: Modules > Configuration Invitation template HTML can ...
Wrapping emails
It is possible to wrap all emails sent by the system in an MJML or HTML wrapper. Our implementat...
Grouping fields
Icons/Buttons
Buttons are graphical elements that are tied to functions in Tempus Serva.
Media files
Media files allows upload of files for use in the solutions The files are publicly available / d...
Stylesheets
Styling cheatsheet
Shared page styling All pages are structured in the following CSS class structure .TempusServ...
Using Google fonts
Find a font you alike http://www.google.com/webfonts Click "Quick use" on the font you want to ...
What are Stylesheets
Stylesheets can be applied in three ways Attached to solution Attached to solution interface ...
Tricks and hacks
CSS for form buttons in page footer
.tsUpdateButtons { position: fixed; bottom: 0px; width: 92%; max-width: 1200px; pa...
CSS for printing labels
The below case will style a certain dashboard widget outputting LI elements @page { margin: 0...
Inline dashboard
In order to display a dashboard on a page for instance on an item add the following code to the c...
JQuery / script cheatsheet
Navigation Redirecting non administrators away from list views var params = window.location.hr...
Many pages / long page name
The following code will shorten page selectors, unless they are hovered or active .tablePageSel...
Rounded corners missing in simple menu mode
When a user is running in the context of a simple user certain buttons will be hidden, and on dis...
Updating to design version 5
Step by step guide The following steps are required to update your design Activate version 5 ...