| Excerpt |
|---|
With ‘App & Nav Bar’ settings you can start to quickly customize Squirro to match a corporate brand. These changes affect many parts of the UI to offer a customized feel. |
Contents
| Table of Contents |
|---|
...
Company logo
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. We recommend a maximum file size of 50kb. You may have to tweak the whitespace surrounding the image to get a nice fit on the header.
Here is an example of how a Base64 string would look. There are many online tools which you can use to convert an image into a Base64 string. 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.
| Code Block | ||
|---|---|---|
| ||
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAU0AAACXCAMAAACmnTfe2Cdih |
Custom colors
Custom colors can be defined using standard CSS color options, either as hex code, HTML color name, RGB or RGBA values.
Enable compact items
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).
Avatar initial examples:
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.
...
Enable compact nav bar
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 is available the navbar falls back to the normal mode. This change is only visible on the Dashboard Space.
...
This page can now be found at App & Nav Bar Styling on the Squirro Docs site.