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.
-
Another good use for the image plugin is using it as a header. Let’s say you want to divide the dashboard into sections, and add headers accordingly. Simply add a new image widget, set it’s title and click “apply”.
All that is left is to minimize the size of the widget and place it in the proper place.
In addition, You may also change the background color of the image. In the example below the headlines are marked in blue.
-
For versions V7.1.3 and lower, you can create images and add them to your web directory, so you don't have to reference an image that's already online. Just follow these steps:
1. Create the image you'd like to use, and save it on the machine that's hosting the web server
2. Open IIS, open the Sites folder on the right, right-click SiSenseWeb, and select 'Add Virtual Directory'
3. Create any alias you'd like for this new directory, and then make the physical path the folder that contains the image you'd like to use.
4. Right click on the virtual directory in the left pane of IIS, click Edit Permissions..., and go to the Sharing Tab of the security menu. Click the "Share..." button, and in the drop down menu of who to share with, select Everyone, and give them Read access
5. Open cmd as administrator, and run iisreset
6. You will now be able to access this image from your browser. You'll go to the <SiSense host URL>/<virtual directory name>/<image name>
-
I can't get this plug in to work with version 5.7.5 even after replacing the folder with the new one. I get an empty box. See attached image. I deleted the old folder and copied over the new folder. Also, my old images are now empty widgets that apparently cannot be deleted or edited.
ImageWidget.png -
Hey Michal, thanks for the response. I dont see that option in my window. I've tried deleting the plugin folder, resetting iis, extracting new folder, resetting iis again, creating new dashboard and new widget but it isn't working. I've attached an image of the blank design pane.
ImageWidget2.png -
Hi all.
I can't get the plugin to work properly. I've installed it and when I place a link to a shared picture I always get a "broken image" icon instead of the picture I try to add (see attached screenshot). I'd appreciate any advice with this problem. Thanks.
imageWidgetScreenshot.png -
Hi Sergio & Simon,
The only way i could see is, you can set the width and height of this particular widget. Please use the below code. Place this in the script screen of the widget. Change the height and width according to the aspect ratio of the image you're trying to display.
widget.on('ready', function(se, ev){
$(element).css('height','130px'); //changes the widget's image height
$(element).css('width','350px'); //changes the widget's image width
}) -
Hi Sam,
This should for in 6.2 .
Please submit a ticket and we'll help you troubleshoot that.
Thanks!
-
Hi Sangeetha,
I test the plugin on version 6.2.5 and it should be working.
Please make sue you have the latest version of the plugin (attached in the post above).
If you need further assitance please open a support ticket using support@sisense.com or the support portal support.sisense.com
-
It seems there is a bug in the latest version - imageWidget_05_13_2016
In the attached image, you'll see there are no panels visible so I cannot configure the widget.
Is there a newer version?
(Support ticket also opened)
Screen Shot 2016-09-17 at 1.38.19 PM.png
Please sign in to leave a comment.
Comments
74 comments