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.
-
Problem solved. You need to make sure the folder is named just "imageWidget" since there is a hard-coded reference to the folder name in the widget. In the current version that is posted, the folder is named "imageWidget_05_13_2016"
Once you unzip this and place it in the plugins folder, remove the date portion of the folder name "_05_13_2016" and you'll be all set.
-
Hi,
I have been using this plugin successfully for about 6 months now. Just noticed that there was a new version that included an option to add a link to the image, which would be great for our use-case. I removed the old version, downloaded the new version (the one currently posted in the main section above), added to plugins folder and reset IIS. I still don't see a box for a URL in the Design section (it looks just like the old version), and now my image isn't working (shows broken image icon, even though the image shows up in a browser).
I even re-named the unzipped file back to imageWidget from ImageWidget (de-capitalized the leading 'i'). Still nothing.
Also, I think someone needs to check to make sure that the version posted above is indeed the latest version. All the files in that folder are timestamped March 29, 2016.
(See attached screenshots.)
Thanks!
-
Hi Sai,
Sisense uses Prismweb directory as a "Home page" meaning that if you wish to get a file from there like in your case the path you need is only \webimages\name of file
I Prefer to put all images in the Resources\Images folder I created so it will look like this
Hope that helps.
-
Hi Guys,
If you wish the image will be clickable and open on a new tab instead of the current one, please follow the following:
1. Add an image and a value in the url
2. open the widget edit script and add the following script - change the URL to your preference.
var link="http://www.cnn.com"
widget.on('ready', function(w, args){
$(".image-link", element).attr("href",link);
$(".image-link", element).attr("target", "_blank");
});3. Save
-
So, I've been following the directions in this KB article to create some custom navigation using the imageWidget: https://support.sisense.com/hc/en-us/articles/230651628-Custom-Navigation-Homepage-with-applied-scope
This article seems to use a previous version of the widget because it required custom Javascript code for each widget to have it link to a dashboard. With this latest version of the imageWidget, the url for each widget is entered in the design section directly, and it works.
The problem is, the previous version allowed the javascript code to grab all the filters on the current dashboard and append them to the url for the dashboard you're clicking through to. The new version does not allow that. Or, at least I can't figure out how to modify the javascript code to append the "?filter=" JAQL to the url pasted into the design section for the widget:
The sample Javascript code from the KB article reads like this:
widget.on('ready', function() { $(element).on("click", function() { var filters = []; widget.dashboard.filters.flatten().forEach(function (f) { filters.push({ jaql: $$.object.clone(f.jaql, true) }); }); // get dashboard filters widget.metadata.filters().forEach(function (f) { filters.push({ jaql: $$.object.clone(f.jaql, true) }); }); // get widget filters var productDashboardId = "54bd793d42c8365426000022"; // target dashboard id window.location = "/app/main#/dashboards/"+productDashboardId + "?filter=" + encodeURIComponent(JSON.stringify(filters)); }); })
Can I change it so the dashboard and widget filters are passed through the image's url to the underlying dashboard?
-
Hi,
Hoping someone can respond to Xavier's previous question.
I'm trying do something similar where I want the URL of of the image to display an image dynamically, based on a dashboard single-select filter.
Example, I have 3 companies, and based on the company selected, that company's logo appears on the dashboard. The name of the image file = the company name value in the filter.
Alternatively, I could store the image URLs in the elasticube, and if the image widget's left panel would allow you to add a field and select the first value in that set, that would be even better.
Please advise.
Thanks!
-
Hi Eric,
i think that this might be an answer- https://support.sisense.com/hc/en-us/community/posts/221224848-iFrame-Widget- . If you have images in web format, you could use iframe widget to embed them in your dashboard instead of this plugin. In iframe widget you have the ability to set link dynamically through filters selection. Hope it helps.
Regards,
Michał
-
Hey Michael,
Thanks very much for responding to this thread. This is very helpful and although I'd prefer using the image plugin, the Iframe plugin is working for me.
On a related note, if ever you want to connect and compare notes regarding our respective Sisense implementations, I'd love to. I asked Sisense to connect us but they haven't to this point, based on your posts it appears we have some interesting common needs and challenges.
Thanks!
-
The Image Widget will not function in the 7.1 version after we upgraded from 6.7.
I have downloaded and installed the plugin from this page and I receive the following error
widget type:imageWidget is not registered
Note: "ImageWidget" is also not an option on my list of widget types when I follow the instructions listed above. This worked flawlessly in our 6.7 deployment.
Does anyone have any ideas?
Thank you - Jim
-
Hello all,
Anybody had trouble exporting pdf with the latest version of this plugin ?
Our organization can't export pdf with image widget anymore and neither iis reset nor installation repair is fixing this issue. Waiting for the next update.
PS : We are working with V7.1
Thanks for your help.
Regards,
Alex.
-
Hi, All,
I had this plugin working fine with 7.0, using IIS virtual directory as instructed by the 2nd comment of this thread. I just upgraded Sisense to the latest 7.2 a few days ago, and now the logo images are no longer showing. It appears NodeJS has changed the virtually directory behavior, as when I try to access the image address from a browser, it doesn't display the image, instead it displays "api not found". Any ideas?
Thanks,
-Li -
broken image icon while using this plugin. We have Sisense version 7.2 and I have the plugin in Sisense/app/plugins folder and the images in Sisense/app/resources/Images folder.
I have re-downloaded plugin, restarted IIS and my dashboard still won't display the image. It shows fine in the browser.
Anyone else facing this issue? I'd appreciate any help or suggestion. Thanks!
-
@James Monnier Thanks for your suggestion, I tried that too, still doesn't work. I put the image in the Images folder and also in the resources folder directly to test. Like I said, image shows up fine on the browser so my path is correct.
These are all the paths I've tried so far -
http://<IP>/resources/Images/mypic.jpg
http://<IP>/resources/mypic.jpg
/resources/Images/mypic.jpg
/resources/mypic.jpg
Any other suggestions? Thanks again.
-
Are you on 7.2.1 or 7.2?
I had an issue with the addons not working correctly and was informed by Sisense support that it was a known issue with the release of 7.2 and that there was an update to resolve it. We are running now on 7.2.1.11002 and we have not had any issues since.
hope this helps.
-
James, thanks again for your input. We are running Version: 7.2.0.12014
So this imageWidget was working just fine a couple weeks ago on the same version and its now, so I didn't even think of looking into the version. We do seem to be behind you on the version that we are running. I'm not sure if that can be the issue. Thanks for helping explore possibilities!
Please sign in to leave a comment.
Comments
88 comments