In App and Nav Bar settings under the Setup space you can quickly customize Squirro to match a corporate brand.
You can modify many different parts of the UI to create a customized feel.
The company logo can be set as a Base64 string or URL.
You can store a custom image in a dashboard loader, manually on your Squirro server, or on a different HTTP address. Squirro recommends a maximum file size of 50kb.
Tip: You may have to tweak the whitespace surrounding the image to get a nice fit on the header.
Below is an example of how a Base64 string might look. There are many online tools which you can use to convert an image into a Base64 string.
Tip: Be sure to restrict the size of the image before converting it. Strings which are too large may be rejected by the backend on saving the changes.
Custom colors can be defined using standard CSS color options, either as hex code, HTML color name, RGB or RGBA values.
HTML color name
This option reduces the footprint of the header icons. This change is only visible on the Dashboard Space.
The Avatar circle is generated using the first initial of the first two names from the account settings:
My Account > Profile > Your Username
John Doe will become JD.
John will become J.
John Josh Doe will become JJ.
If no username is set you will see a default Squirro acorn instead.
This option will allow the dashboard tabs to use the space in the middle of the header if there is enough room.
When there is not enough space available, the nav bar falls back to the normal mode.
This change is only visible on the Dashboard Space.