- Newest
- Most votes
- Most comments
This is possible. In the panel text entry, try adding this with HTML selected:
<img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="/>
This is an example which displays a red dot. You will need to convert a PNG image into a Base64 encoded image. Use this:
https://www.opinionatedgeek.com/Codecs/Base64Encoder
Add you own Base64 encoded image. I don't know the size limitation for the text panel, but I managed a 126x80 PNG of a logo.
I am also blocked on this. A client requires branding be added to the AMG dashboard. I can embedded an image sourced from an S3 bucket using a non-managed version of Grafana. If I add the same object URL to a text panel (having selected HTML) I only ever see a broken image icon. This is a really useful and important feature to allow branding of a dashboard. Please can you indicate if this will ever be supported or if it is supported and how I may solve the problem? Thank you in advance for any help you can offer.
I have the same need, I have to add my company logo to the top of the dashboard and it seems absurd that it's a so difficult task. I would expect this to be really simple as I guess everybody needs to add a logo to their dashboard.
Could somebody post an example with screenshots?
This is a recent feature addition: Enable "Plugin management" and install community panels that support use of SVGs and Images
Relevant content
- asked a month ago
- Accepted Answerasked a year ago
- AWS OFFICIALUpdated 3 months ago
- AWS OFFICIALUpdated a year ago
- AWS OFFICIALUpdated 7 months ago
- AWS OFFICIALUpdated a year ago
Clever workaround here. Native Grafana allows an image src in a HTML text box, AWS managed Grafana doesn't appear to allow image src, which is not good ! I have used this service https://www.base64-image.de/ and managed to get 509kb png into AWS managed grafana using this technique to paste the base64 encoded text into the img src tag.
However... take a look at the JSON behind the scenes!