The look and feel of the Intuitive user interface is customisable to match the corporate colour scheme and logos. This is particularly important when embedding the dashboard within another website or web application.
You can also customise the look and feel by changing the default welcome and installation messages. Full details of the settings are included in the Installation and Configuration Guide.
Changing the on-screen Logos:
The dashboard ships with three default corporate images:
- CompanyLogo.png
- WelcomeLogo.png
- VendorLogo.png
These images can be replaced by a logo of your choosing, which should be in a .png format. Note that .png has been chosen since it allows the background to be transparent (as in the above Welcome Logo example).
Images that are not correctly formatted into the correct space will be scaled accordingly. During scaling, the aspect ratio will be preserved, however some pixilation may result.
To minimise scaling pixilation, designers should size images roughly as recommended below: - CustomerLogo.png - guide size: height=80px; width as desired
- VendorLogo.png - guide size: height=80px; width as desired
- WelcomeLogo.png - guide size: height=600px; width as desired
Details of this are also located in the ImageReadme.txt file in the …\Intuitive Dashboards\Client\Images folder.
Once you have a logo, rename it to the image you desire to replace and place it into the following folder on the dashboard server:
C:\Program Files\Intuitive Business Intelligence\Intuitive Dashboards\Client\Images\.
The logo will be picked up automatically the next time your browser connects to the site.
Watch for browsers caching the logo – you may need to delete your browser cache before you see the updated version.
Ultimately, the whole UI is customisable if you have a good knowledge of HTML or Cascading Style Sheets (CSS), but this is beyond the scope of this article.