Kimai uses the Tabler.io bootstrap theme. You find the theme specific documentation here.
You have the following global objects available to work with:
tabler_bundle context (see here)kimai_config to access system configurationskimai_context helper to identify javascript and modal requestsAlways align the table header to the content cell.
Use the following alignments in your data-tables:
| Data type | Alignment | Component |
|---|---|---|
| Date | Start | |
| Datetime | Start | |
| Time | Center | |
| Money | End | |
| Duration | End | |
| Boolean | Center | |
| Text | Start | |
| Count (int) | Center | badge |
| Collections (Text) | Start | label |
A small colored warning sign will be shown, if a user has an active timesheet.
The maximum amount of active timesheets can be configured with the setting timesheet.active_entries.hard_limit (called Permitted number of simultaneously running time entries, see System > Settings).
Kimai allows you to configure icons in several places (provided by Font Awesome 5) and ships with a pre-defined list of icon aliases to guarantee a consistent look.
The pre-defined icons aliases can be found in this config/packages/tabler.yaml.
Icon aliases can be used by applying the icon filter, e.g.
<i class="{{ 'money'|icon }}"></i>
or by using the icon function, e.g.
{{ icon('money') }}