Adding Logo/Image to a dashboard
Download: Image Widget
Introduction
This article shows how to install and use the image widget plugin. This will enable you to insert images into a dashboard.
Install the Image Widget:
Download the attached zip file.
Extract the folder contained within the zip file (folder name: imageWidget) and place it under the plugins folder (If this folder doesn't exist, create it.)
- For versions V7.1.3 and lower the path is C:\Program Files\Sisense\PrismWeb\plugins\
- For versions 7.2 and higher the path is C:\Program Files\Sisense\app\plugins\
How to use the Image Widget:
Click the drop down widget selector menu, and pick the imageWidget. (Highlighted in the picture)
In the design section of the widget:
- First text field: Enter the URL of the image you'd like to display.
- Second text field : Enter the URL that you wish to link to upon user click on the image, or leave empty
- Click Apply, and your image should now be displayed in the dashboard
- For versions V7.1.3 and lower, see the 2nd comment of this article for instructions
- For Versions V7.2 and higher, place the image you want under C:\Program Files\Sisense\app\resources\Images (if Images folder doesn't exist, create it) and the url to put in the Image URL field is: \resources\Images\pictureName.jpg (png/gif)
- To locate file extension, right click the image in your file explorer then select properties. In the general tab locate the type of file and use that extension in the file path when uploading the image to Sisense.
-
Roopa, I am happy to help. We did run into the issue which is why I am copied on the comments to this page. (My company ran into this back in May). Hope you find a solution that works.
Note: The update from 7.2 to version we were on didn't take very long and all of our plugins started working immediately. That being said, none of them were working when we had that issue.
As a last suggestion: Did you try to disable the plugin from the admin panel and then enable it again?
Thanks -
-
@James Monnier - That did it. You helped solve my issue. Thanks so much. So there were 2 issues, after trying to download and install imageWIdget 3-4 times over the past 2 months(it was suggested in the forums to download and reinstall to get the plugins to work) I had several instances of the plugin which I saw in my admin panel(The plugins folder itself had only one folder for each plugin, with prev versions renamed). So I disabled the old instances, left the latest on and tried, didn't work. Then I disabled and enabled the plugin again and then the widget started working for me.
So, thank you again.
-
Hi,
We are having issues with this plugins : enabling it is bocking PDF exports and email reports (even if the requested emails has no PDF attachments.
We are on 7.2.1.11001. I downloaded the latest version of the plugin available from this post. I tried to uninstall and reinstall the plugin, I tried to access the image from a full URL or by storing the image on the server. It never works ... Anyone already experienced this ? Everything is fine with 7.0.
Best,
David.
-
Hi Mark,
It will take some plugin work to add that natively but to get what you are looking for today, you can use the following widget-level script:
widget.on('ready', function(se, ev){
$(element).css('background-color','#1972DB'); //changes the widget's background
})With this code, the color of the background of that particular widget is changed to #1972DB (blue). You can change this to whatever hex color you would like.
Before:
After:
Hope that helps!
Kind Regards,
Katie Garrison | Technical Solutions Consultant -
Hi @David Hertzberg,
I just tested this plugin on Sisense Version: 7.2.1.13003 and PDF exports were successful.
Please try disabling the following and try the PDF export again:
- All dashboard level scripts
- Widget level scripts
- Other community plugins
Also, create a standalone dashboard with just the image widget and export as PDF to see if it is able to be exported on its own.
If these steps do not resolve the issue you are facing please create a support ticket so that a support Agent can assist you in this specific issue.
Thanks,
Katie Garrison | Technical Solutions Consultant -
My staging environment is on 7.4.1. The image widgets currently look like the image below- just 3 dots and constantly trying to load. I cannot click the edit pencil or 3 dots, they are grayed out so I cannot delete this widget. This is causing PDF issues on my dashboard.
Has anyone seen this? I am hesitant to upgrade my Production environment to 7.4 if dashboards with images will become unusable.
-
We are having the same issue as Jessica reported above. We are on version 8.0.1. When loading a dashboard with an image widget, the widget just tries to load - the 3 dots. Cant cancel the loading, it never times out, cannot modify or delete the widget.
I have tried turning the plugin off and on, deleted and readded the widget, rebooted the server.
Even with the plugin turned off, it still keeps trying to load and will not allow us to delete the widget.
The URL I have in a test dashboard is:
https://www.optimahcs.com/files/optima/bi.html
-
Hello, I used this widget many times in the past when I had the old Sisense version (which demands that the images be in PrismWeb), but after we upgraded to Sisense ver. 8.0.0.10134 (which demands that the images be in app\resources\images\...), I encountered a problem.
All my past dashboards have the url of the previous location in PrismWeb, and now because of the upgrade, I had to move the images to the new path in app\resources.
The previous dashboard's ImageWidget don't work now because of the change in the URL, and I don't have the manpower to change all the previous dashboard's URL's to the new one - how to I deal with this problem?
-
So just to clarify the instructions for How to use an image stored locally on your machine only work if Sisense is running on your local machine? We are white labeling Sisense within our application. I just wanted to confirm that our customers wouldn't be able to upload files from their machines to our Sisense servers via the web.
-
Hi Amit Agarwal and everyone ,
I'm having the same problem with the image widget and Linux environment.
Did you have any solution?
We have a PDF report that should print an image. The image file URL depends on the selected data. It is working well on Sisense Windows, but now we are migrating to Linux and the image widget is not running. We have the same problem, as you can see in the attached file.
The images are appearing in the dashboard only if there is a unique file informed. The dimension that turns the image dynamic is not ok.Also, if we download the PDF using Sisense Linux, the image doesn’t appear.
Thanks very much! -
Hi,
On our side, we try to stick to official pluginsfrom the marketplace or ones developed for our own specific projects. When it comes to image, BloX is usually doing the job. There were issues with PDF export, but it works fine with the latest version of BloX and Sisense.
Best, David.
-
Hi,
BloX can be tricky for PDF export, but it now works on the latest version of Sisense and BloX, with Windows. Did not test it on Linux. One of the usual tricks is to use images stored on the server rather than an external URL to the image.
If you are having issues, I suggest you open a support ticket, they will likely have a workaround or will identify the source of the problem.
@Jessica, I understand your point. It is the same for some of our clients. We migrated from the image plugins to BloX a while ago and suffered some time with thePDF export. This seems to be fixed now.
BloX is not difficult to use, and require much fewer developer skills than it looks like. But it requires a bit more effort than regular widgets. You can check the BloX 2.0 course at the end of the documentation page: https://documentation.sisense.com/latest/blox/tutorials.htm#gsc.tab=0
There are also lots of BloX templates that use images. If you want to have dynamic image, depending on the data, you will need to build the URL/path based on the data. For instance, a brand logo depending on the data will use the "brand" dimension as an item in the BloX widget, and you will have an item like this:
items": [{"type": "Image","id": "","class": "","url": "/plugins/BloX/blox-images/{panel:Brand}.png","altText": "image descriptions","size": "auto"}]Let me know if you need further details.Best, -
I can confirm what David said. We are on version 8.2.3 using Blox 2.1.17 and images export to PDF.
There are 2 ways that we use Blox to display images. Both ways will export correctly to pdf.
The first is just straight from a URL:
{
"style": "",
"script": "",
"title": "",
"showCarousel": false,
"body": [
{
"type": "Container",
"items": [
{
"type": "Column",
"items": [
{
"type": "Image",
"url": "https://yoururl/yourimage.jpg",
"horizontalAlignment": "center",
"verticalAlignment": "center",
"size": "large"
}
]
}
]
}
]
}
You can adjust where the image shows in the widget and play with the size as well.
The second is converting an image to Base64 and dropping that into the Blox widget:
{
"style": "",
"script": "",
"title": "",
"showCarousel": true,
"body": [
{
"type": "Container",
"items": [
{
"type": "Image",
"id": "",
"class": "",
"url": "data:image/png;base64,xxxxxxx(base64 value)",
"altText": "image descriptions",
"size": "auto"
}
]
}
],
"actions": []
}
Base64 isn't the best way to do it, so we try to avoid it
as the base64 strings can get quite long. -
Resolution for ImageWidget when image is not displayed on a dashboard. Console showed an error
Security Policy directive "img-src 'self' data:
. We need to add a wildcard*
to the security policy to allow anything to be shown. Access the configuration manager (http://localhost:3030) > Base Configuration > Security > scroll down to thesecurity.contentSecurityPolicy.imagesDomains
section and add"*"
inside the brackets. New code should look like["
a.tiles.mapbox.com
","
b.tiles.mapbox.com
","
c.tiles.mapbox.com
","*"]
Please sign in to leave a comment.
Comments
88 comments