Showing image on UI

[sri_c003]

Is there any way I can show an image on the sheet? I tried using something like below in the extension code, but the image is appearing broken.

var html = html = '<a href="#" id="modal-open" class=""><img src="refresh1.png"></img></a>';

If i replace the img tag with any static text, that is getting displayed well.

The image is loaded into the app. Infact I set the same image as extension icon, and it shows up quite fine. Screenshots attached.

[stevedark]

Hi Srinivas,

When you say "in the extension code", do you mean that you have edited the JavaScript in the extension itself?

You could try an absolute path to an image (i.e. http://www.etc...) rather than a relative one.

Also, the the "a href" code is adding nothing there, so I would strip it out to keep things simple.

There are a number of extensions which display images, but don't do a reload.  You could try downloading one of those and comparing the code - a hybrid of the two extensions should give you what you need.

Hope that helps.

Steve

[jasonmomoa]

Can you try using a Text & Image chart? You can either insert one as a plain image or as a background image.

No need to use extensions for that.

Regards,

[sri_c003]

@Steve: This is what I am trying to achieve 🙂

@Xavier: Unfortunately, I cannot use a text/image box here.

I am trying to get a "refresh" icon on the sheet that when clicked with reload data on that particular sheet. I got the refresh functionality working when I use a text, like say "Refresh". When I click on the text it is reloading sheet data. I only want to replace this text with an image.

[jasonmomoa]

If you're aiming for a refresh icon, maybe you can try the Sheet Navigation & Actions for Qlik Sense extension from qlik branch.

You could use a 'bootstrap-like' button with a refresh icon and link it to a variable value that would generate your reload functionality.

As I don't know how you generate that specific functionality, this might not be relevant for your case.

Hope that helped 🙂

Regards,

[stevedark · Accepted solution]

Have you tried replacing Image1.png with a full path to the image, including http://

[sri_c003]

Thank you. Providing absolute path worked.