How to add global banner/footer

Hi I need to add a custom HTML banner/footer to all Grafana pages and I was wondering what is the best/simplest way of achieving this? I am running Grafana Enterprise 10.4 in Openshift. On other projects I have traditionally done this using Istio, however this customer does not use Istio and so I was wondering if this is possible via a custom plugin? Thanks!

Hi @mitchmurphy plugins don’t offer this specific capability directly

You can maybe try with a pre-loaded app plugin that executes a custom javascript that injects these banners inside the grafana body. Similar to how user-scripts browser extensions work.

here’s is why this is a bad idea:

  • You’ll be injecting random dom elements inside the components that Grafana renders via react and they will (most likely) be overwritten/removed at any time without any notice.
  • Grafana updates often change the name of ids/classes/roles/test-ids and if you update your Grafana version is very likely your custom code won’t work
  • Depending on how you implement this (specially to make sure it is always visible) this might create a strange “jump” when you load the page and until the custom plugin code runs.

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.