Custom template icons

Casebox comes with a predefined list of icons, to change them:

  1. specify the CSS classes of your icons in the `templateIcons` parameter, mysql table `config`
  2. define the classes in your core CSS file
  3. load your custom CSS into Casebox

1. Modifying templateIcons config

The dropdown list with icons is generated from templateIcons: it's a list of CSS classes, one per line. You can add/remove classes. You custom classes should be defined in a custom css file.

2. Defining icon classes

Example: two icons defined in the CSS (filename: custom.css)

.icon-mechanism {
    background-image: url(i/shield.png) !important;
    background-position: 0 50%;
    background-repeat: no-repeat;

.icon-instrument {
    background-image: url(i/document-bookmark.png) !important;
    background-position: 0 50%;
    background-repeat: no-repeat;

You should upload custom.css into CB/cores/yourCore/css/custom.css. The icons themselves will be uploaded in CB/cores/yourCore/css/i/.

3. Loading custom CSS in Casebox

Finally, you need to specify what custom CSS files Casebox should load. This is done in 'css' parameter in 'config' mysql table:

[ "css/custom.css" ]

Notice: 'css' is an array, you can load several CSS files