Stylesheets not presenting all icons in "images" folder

Post Reply
liamdennehy
Posts: 6
Joined: 19 May 2021, 19:56

The various stylesheets, but especially 'essential-core.css' only present a subset of the icons available in the "images" folder. For example "greenTick" pulls in "tick_1.gif", and redCross pulls in "cross_1.gif". Many other icons (e.g. ambercircle, greencircle etc) are not exposed in the default stylesheet.

Using EssentialCloud I do not see a way to use a customised css file, but in general this should be incorporated in the base file to allow report customisation using all the provided assets.

Advice?
User avatar
neil.walsh
Posts: 445
Joined: 16 Feb 2009, 13:45
Contact:

Hi,

In the open-source version, it's best practice with Essential Viewer to store any modifications to core files in the /user as this makes upgrading very simple. In Essential Cloud (and open source as well), we include a blank file called custom.css in the /user folder. This css file is loaded AFTER all other CSS is loaded to allow users to extend or override any CSS in Essential Viewer. In Essential Cloud, none of the out-of-the-box files are directly accessible to customers but we provide access to the /user folder to add any custom code (custom/modified views, JS, CSS, etc) and make that available to Viewer.

With regards to the specific images, you can can optionally reference them in your own code but we have not actively used those files for many years. Instead we have used the FontAwesome library of icons which provide much more consistency and a more modern look. Again, you can easily call these from your own code.

Let me know if you have any further questions.

Neil Walsh
Post Reply