Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
petgr138
Partner - Contributor III
Partner - Contributor III

Adding images in a sense mashup

Hi,

Here comes a really stupid question.

I am playing around with mashups and I created a mashup example using the sense workbench (I am using Sense Server 2.01).

Everything looks fine until I start playing around with the HTML.

I want to add some images but all I get are broken images. I am guessing it has to do with the path of the image files. However, I have put the files in the same folder as the extension HTML-file. (i.e. C:\ProgramData\Qlik\Sense\Repository\Extensions\<name of mashup>)

What am I doing wrong? Do I need to place the image files somewhere else?


Outtake from the code:

...

<default example code>

...

<body style="overflow:auto"><div id="CurrentSelections" class="qvobjects" style="position:absolute; top:0px; left:0px; width:100%; height:35px;"> </div>

<div id="Testimage" style="position: absolute; top: 100px; left: 100px; width: 780px; Height: 392px; border:1px dotted black" >

  <img src="Test.PNG"/>

</div>

<div id="QV01" style="position: absolute; top: 491px; left: 100px; width: 400px; Height: 200px" class="qvobject"></div>

<div id="QV03" style="position: absolute; top: 491px; left: 500px; width: 400px; Height: 200px" class="qvobject"></div>

<div id="QV04" style="position: absolute; top: 691px; left: 100px; width: 400px; Height: 200px" class="qvobject"></div>

<div id="QV05" style="position: absolute; top: 691px; left: 500px; width: 400px; Height: 200px" class="qvobject"></div>

<div id="QV06" style="position: absolute; top: 691px; left: 900px; width: 400px; Height: 200px" class="qvobject"></div>

...

<default code>


Thankful for any help!

Best regards

Petter Grundström

1 Solution

Accepted Solutions
sirpod90
Contributor III
Contributor III

Hey Ganesh,

the easiest way of doing it, is to upload you image to you default content library.

Therefore open any app and go edit mode.

2017-04-19 11_24_38-Auftragsreport _ App-Übersicht - Qlik Sense.png

Edit the App image

2017-04-19 11_24_43-Auftragsreport _ App-Übersicht - Qlik Sense.png

And upload your new image

2017-04-19 11_24_54-Auftragsreport _ App-Übersicht - Qlik Sense.png

Now you can use the image in your mashup by using following URL:

<img src="/content/Default/NAME_OF_IMAGE.png" />

Hope that helped

View solution in original post

8 Replies
jaymerry
Creator
Creator

Hello,

Have you find a solution to your problem ?

We can't add files in extension folder : these files will not be read in http://.

Thank you for your help,

Best Regards,

Jaymerry

petgr138
Partner - Contributor III
Partner - Contributor III
Author

THe answer was that I had to import the images first.

ganeshreddy
Creator III
Creator III

Hi Petter,

We are facing the same issue that you have faced earlier. Could you tell us where did you imported those images.

Please specify the path you have used to import. It will be helpful to me.

Thanks,

Ganesh.

sirpod90
Contributor III
Contributor III

Hey Ganesh,

the easiest way of doing it, is to upload you image to you default content library.

Therefore open any app and go edit mode.

2017-04-19 11_24_38-Auftragsreport _ App-Übersicht - Qlik Sense.png

Edit the App image

2017-04-19 11_24_43-Auftragsreport _ App-Übersicht - Qlik Sense.png

And upload your new image

2017-04-19 11_24_54-Auftragsreport _ App-Übersicht - Qlik Sense.png

Now you can use the image in your mashup by using following URL:

<img src="/content/Default/NAME_OF_IMAGE.png" />

Hope that helped

ganeshreddy
Creator III
Creator III

Thanks Tobias.

Anonymous
Not applicable

Hello Tobias,

does it only way of uploading images?

What if I delete whole app and import it again? Will Qlik accept images in .zip archive and resolve them in http://?

Thanks in adv for any information.

venugopalchalla
Contributor
Contributor

You can add only the images from "Default" but not from "In app"

elpeordragon
Contributor
Contributor

hello there

it doesn't allow me to upload a image in the default folder, just In App and can't use it.

do you know why is it?

thank you!