How to add an image into a dashboard viewlet
I want to add an image within a dashboard viewlet. I know this can be done as I've seen it, but do not know how to do it. I have not found any good document about this either.
Any guidance? Thanks in advance. Claudia Callegari |
Accepted answer
Ian Barnard (2.3k●7●14)
| answered Aug 28 '15, 10:52 a.m.
FORUM ADMINISTRATOR / FORUM MODERATOR / JAZZ DEVELOPER edited Jan 09 '17, 11:00 p.m. by Rosa Naranjo (2.9k●1●17●23) I know this is a very old question, andI am sure the asnwer above is correct, but it didn't help me if the picture isn't accessible by a url. I want to embed a jpeg picture of our practice workflow into the dashboard, and the picture is created from a powerpoint flowchart, so it doesn't have a URL. As I haven't seen any other answer here is a solution I just discovered - works in firefox, at least - using an embedded base64 image. Don't worry if you don't know what that means, just follow the instructions :-)
UPDATE: now let's say you want to have hyperlinks from your picture, what you need is an html image map. What I did was:
Rosa Naranjo selected this answer as the correct answer
|
4 other answers
Ian Barnard (2.3k●7●14)
| answered May 26 '16, 4:20 a.m.
FORUM ADMINISTRATOR / FORUM MODERATOR / JAZZ DEVELOPER
Another way to do this is to attach your image file to a work item - you can get a URL for the attachment and put that into the viewlet.
|
Hi Claudia,
Any form of content can be added to the viewlet content area statically or dynamically using Dojo templates (HTML), Javascript or CSS. Please take a look at the following viewlet primer: https://jazz.net/wiki/bin/view/Main/DashboardHelloWorldViewlet Thanks |
Ian Barnard (2.3k●7●14)
| answered Mar 14 '18, 8:01 a.m.
FORUM ADMINISTRATOR / FORUM MODERATOR / JAZZ DEVELOPER Another way is to server your image using the same application server that is hosting Jazz. For Liberty, you will have to enable dropins, and add a dummy 'app' - see the instructions for how to do this in Liberty for hosting DNG extensions here (you don't need to actually put a DNG extension in the folder, it can server other files). Then put the jpg in the extensions folder and it can be accessed by URL, so you can use the URL in a widget. |
Hello,
Create an HTML Widget.
Edit it, and remove any Text.
Copy the image from your machine (Snipping tool or Print Screen) and paste it in HTML widget.
|
Your answer
Dashboards and work items are no longer publicly available, so some links may be invalid. We now provide similar information through other means. Learn more here.