User interface branding
Various elements of login page and application start screen can be modified using system settings.
To make changes, go to Administration - System Settings - General Settings - System Style:
Options in General section:
- Name - this is the application title used as header - required when main logo is not provided.
- Subtitle - this is a subtitle shown under main header. in can be used together with the main title (Name) or with main application Icon. Will be omitted when left blank.
- Title Bar Text - text shown in browser title bar - required.
Options in Colors section:
- Background - this content will be used as an background image. Default setting includes a light, vector based pattern.
- Background Color - background color used on startup screens.
- Main text color - color used for main texts (like application title)
- Secondary Text Color - color used for secondary smaller texts like "Privacy policy"
Options in Icons section:
- Icon - name of main icon file (application logo)
- icon width - width of the main icon in px
- Fav Icon - file name of icon to be used as fav icon (visible in browser tab)
- System logo - used as logo in the main interface
- System logo width - width to reserve for logo on application toolbars
Options in Provider section:
Additional section used below login screen
- Provider name - name to be used as Alt text in icon
- Provider link - link to be used under provider icon
- Provider icon - additional icon to be used below login screen
- Provider icon width - width of the icon to set
Note: icons must be specified by file name. File must be uploaded to system configuration directory into SystemStyle directory. Files cannot be uploaded via API/GUI.
Custom toolbar button
A custom button with a link and tooltip can be set here. It will be rendered on main toolbar:
Sample settings:
