How to update style sheets in the branding folder for dashboards

Introduction

In this article, we will address the issue of updates made to style sheets within a branding folder not reflecting on dashboards. Users often encounter this problem due to browser caching, which prevents the most updated CSS files from loading. This guide provides solutions to ensure your dashboard reflects the latest version of your style sheets.

Step-by-Step Guide

To resolve the issue of style changes not appearing on your dashboard, follow these steps:

Clear Browser Cache:

Sometimes, the browser might cache old versions of files, causing it to display outdated data. To fix this:

Perform a hard refresh by pressing Ctrl + F5 (on Windows) or Cmd + Shift + R (on Mac).
Additionally, manually clear your browser's cache through the browser settings to ensure that it loads the latest version of your CSS file.

Rename the CSS File:

If clearing the cache does not work, consider renaming your CSS file. By changing the file name (e.g., from base.css to base_v2.css) and updating the reference in your dashboard, the browser will treat it as a new resource and fetch the latest version.

Implement Cache-Busting Techniques:

Another effective method is to append a query parameter to your CSS file URL. This technique forces the browser to load the latest version of the file. For instance, modify the link to: https://paragoninsgroup.sisense.com/branding/LossRuns/base.css?v=123456789. Generate some random string each time to ensure the browser always fetches the latest file.
If you want to handle changes manually, you might want to modify the link to: https://paragoninsgroup.sisense.com/branding/LossRuns/base.css?v=2. Increment the version number each time you make changes to ensure the browser fetches the updated file.

Conclusion

By following the above steps, you can ensure that changes made to style sheets in your branding folder are accurately reflected on your dashboards. Utilizing these techniques will help to overcome issues caused by browser caching and ensure your dashboard's appearance stays up-to-date.