CSS personnalisé

Permet d’ajouter des règles CSS personnalisées via un écran d'administration.

Kevin Papst
Offert par
Kevin Papst

If you want to change the look and feel of Kimai, you can use this bundle to add your own CSS rules.

Examples styles can be found in the documentation.

Alternative

If you want to add custom Javascript (or add a custom page with markdown content or show a site wide message), please have a look at this item instead: Contenu personnalisé

Storage

This bundle stores the custom CSS rules in the file var/data/custom-css-bundle.css. Make sure it’s writable by your webserver and included in your backups.

Compatibilité

Le tableau suivant contient une comparaison entre le greffon et la version minimale requise de Kimai.

Version groupée Version minimale de Kimai
2.2.0 2.17.0
2.1.0 2.1.0

Installation

Copier les fichiers

Extract the ZIP file and upload the included directory and all files to your Kimai installation to the new directory:

var/plugins/CustomCSSBundle/

The file structure needs to look like this afterwards:

var/plugins/
├── CustomCSSBundle
│   ├── CustomCSSBundle.php
|   └ ... more files and directories follow here ...

Effacer le cache

After uploading the files, Kimai needs to know about the new plugin. It will be found once the cache was re-built. Call these commands from the Kimai directory:

How to reload Kimai cache

bin/console kimai:reload --env=prod

It is not advised, but in case the above command fails you could try:

rm -r var/cache/prod/*

You might have to set file permissions afterwards:

Adjust file permission

You have to allow PHP (your webserver process) to write to var/ and it subdirectories.

Here is an example for Debian/Ubuntu, to be executed inside the Kimai directory:

chown -R :www-data .
chmod -R g+r .
chmod -R g+rw var/

You might not need these commands in a shared-hosting environment. And you probably need to prefix them with sudo and/or the group might be called different from www-data.

Mises à jour

Updating the plugin works exactly like the installation:

  • Delete the directory var/plugins/CustomCSSBundle/
  • Execute all installation steps again:
    • Copier les fichiers
    • Effacer le cache

Mode démo

Vous pouvez tester ce greffon à l'adresse suivante demo.kimai.org:

Nom d'utilisateur: susan_super
Mot de passe: password

Vous trouverez d'autres comptes d'essai ici.

Captures d'écran

Screenshot
La nouvelle page d'administration avec toutes les règles préétablies disponibles
Screenshot
Vue par défaut de la feuille de temps avant l'utilisation des règles
Screenshot
Vue de la feuille de temps avec règles personnalisées : mise en évidence des enregistrements actifs, masquage des enregistrements superposés.
Offert par

Kevin Papst

Building Kimai since 2009

Si vous avez des questions, veuillez utiliser les informations de contact suivantes pour contacter directement le développeur.
Top