Dashboarding
Dynatrace dashboards, notebooks, and data explorer explained.
cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

How to add a local image to a Launchpad card?

NicoleMT
Organizer

Hi, I’m building my Launchpad and adding dashboards.
In the cards, it asks for an image using a URL, but I’d like to use a local image (for example, a screenshot of my dashboard).
Does anyone know how to upload a local image or how you’re handling images in the cards?

6 REPLIES 6

Julius_Loman
DynaMight Legend
DynaMight Legend

If they do not contain anything sensitive I'd host them on GitHub, for example, in a public repository. Images can be referenced directly.  

There is afaik no option to upload images to Dynatrace platform at the moment.

Dynatrace Ambassador | Alanata a.s., Slovakia, Dynatrace Master Partner

O11y_Noob
Helper

you can convert the image to the data:image/png;base64 and add to a markdown file to show as image - which is just a workaround and if your image is confidential to be available publicily 
Dashboard for card tiles LaunchPad previews - Dynatrace Community

Example with Dynatrace logo:

![Dynatrace Logo](data:image/png;base64,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)

A simple oneliner for linux to convert to base64:

pngtopnm image.png |pnmscale 0.1 |pnmtopng |base64 -w0 > image.txt

 

Dynatrace Ambassador | Alanata a.s., Slovakia, Dynatrace Master Partner

Dynatrace, this seriously needs addressed.

Overall creativity for designing the Launchpad and Dashboards. Things like being able to upload images, themes, graphics, change background colors, etc..

Use case?

In general, Launchpads or some Dashboards are designed for Directors, VP's, C levels. They are the ones that write the $$$ checks for Dynatrace. And they want to see some 'sizzle on the steak'. Not some bland white background grouping of graphs. 

Think Powerpoint level of customization. Heck, even Grafana has more available features in the design department.

Don't get me wrong, Dynatrace is the best for what it does, but, can this get on someone's ToDo list?

 

Karolina_Linda
Community Team
Community Team

In version 336, you no longer need to host images externally. See https://docs.dynatrace.com/docs/shortlink/release-notes-saas-sprint-336#upload-and-manage-images-dir... 

Keep calm and build Community!

I see that new feature. Great addition! However, I am missing where you can control the sizing of the image displayed in the card itself. I put an image that has dimensions of 150 X 148 in the displayed card, however, it looks like the card css stretches the image no matter what the images dimensions are?  This ends up cutting off the logo I am using. Is there a way to control the images dimensions within the card picture class "fhultl0" css?

Featured Posts