1.4.1 Replace the LIMS logo, banner, title and favicon

How to customise the LIMS' look and feel in Bika and Senaite. Replace the LIMS logo, modify the LIMS toolbar colours to suit, replace the favicon and edit the Site Title. Install bika.ui

Prerequisite

bika.ui must be installed to us this functionality

Logo

Upload the image

Navigate as admin user to Site Setup, and click on Management Interface

In top right-hand corner click on Select type to add, select Image and upload the logo

Take note of the address of that image (eg. logo.png)

Spacer 400

Edit the registry

Go back to Site Setup, navigate to Configuration Registry. Under Records, filter by toolbar_logo

Of the three results, click on senaite toolbar_logo

and replace the input field with the new logo address, e.g. /logo.png

The logo immediately appears in the top left hand corner of the screen

Logo size

If the image appears too small or too big, add CSS styling to modify it

In the Configuration Registry, filter by toolbar_logo

Click on senaite toolbar_logo_styles and replace existing styling items and add new ones, e.g. height 50px

Banner colours, replacing the favicon and editing the site title

COA logo

The COA logo and its size, as well as the accreditation logo, are treated the same way as the site logo, but but the keys on the Configuration Registry are senaite.coa_logo_accredition_styles and senaite.coa_logo_styles