Adding Logo/Image to a dashboard

Sean Bous

June 13, 2014 17:23

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

How to use an image stored locally on your machine

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)

Update 01/13/2016: Added options for: Image alignment and Image size on design panel.

Update 05/13/2016: Added option for: Making the image clickable as a hyperlink

Update 09/19/2016: Added parent folder to the zipped plugin and renamed it

Update 03/08/2018: Added the option to populate image source from Elasticube field. It can now get the first result of a query, and use it for the image source.

Comments

67 comments

Alon Ahronberg October 26, 2014 17:30

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.

0

Permalink
Tommy January 13, 2015 21:04

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>

1

Permalink
Alon Ahronberg March 10, 2015 13:58

Plugin updated to work with v5.7.5, if you used the previous plugin version, images wont be shown and "no results" image appears. To adjust it, simply overwrite the previous version with the one attached to this forum.

0

Permalink
Sinu Joseph April 02, 2015 11:13

Is there a property that I can set so that the image size increases or reduces in proportion whenever the resolution of the window changes?

0

Permalink
Joseph Peters April 09, 2015 12:59

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

0

Permalink
Michael Becker April 09, 2015 15:55

Joseph, new Image does not use widget title as image reference anymore. In the Design section you have a separate box to specify image location.

0

Permalink
Joseph Peters April 09, 2015 16:19

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

0

Permalink
Michael Becker April 09, 2015 17:48

Does it happen when you add a completely new image as well? It may be that previous configuration does not work with new one and you'd need to delete each image and create it from start.

0

Permalink
Joseph Peters April 13, 2015 14:37

Yes, it happens when I create a new widget in a whole new dashboard.

0

Permalink
Sinu Joseph April 15, 2015 05:59

Hi,

i'm using the latest version of sisense, 5.7.5 i've updated the widget in the plugins and restarted IIS. I'm getting blank for image. This feature is necessary since i'm using this in almost all the dashboards.

0

Permalink
Sinu Joseph April 16, 2015 09:10

works perfect now.. my bad. I kept both Old and new widget folder in the same plugin folder which was creating Multiple Directive error.

0

Permalink
Robert July 29, 2015 18:41

Does the image widget work with version 5.8?

0

Permalink
Alon Ahronberg July 29, 2015 18:48

Hi Robert,

Yes it should.

0

Permalink
Atad August 16, 2015 11:59

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

0

Permalink
Inbal August 16, 2015 12:10

Hi Atad,

I see the link is from a Google Drive account. It's probably an authorization problem.

Please try to download the picture and add it to a virtual directory (follow Thomas explanation in the comments).

Best,
Inbal

0

Permalink
guy August 18, 2015 09:37

Hi,

I also get a 'broken image' icon. I've downloaded the picture and added it to a virtual directory and am able to view the image in a browser. I'd appreciate any advice with this problem.

Many thanks

0

Permalink
Michael Becker August 18, 2015 12:40

@guy - try removing broken image widget, then download the plugin again and save it again to plugins folder. Sometime widget breaks (especially when upgrading SiSense)and I found this way to fix it. Hope it helps.

0

Permalink
Michael Becker September 01, 2015 21:53

It seems that this plugin stopped working on Firefox. I'm getting broken image constantly now.

0

Permalink
Sergio Alvarez September 09, 2015 16:19

I have the same issue as Sinu

"Is there a property that I can set so that the image size increases or reduces in proportion whenever the resolution of the window changes?"

0

Permalink
Simon Vosloo October 05, 2015 07:01

Hi

I see Sinu had the same question I had, but no response about it.

Is there a way to ensure that the aspect ratio is maintained. Any other suggestions on how we can include client logos etc also welcome

0

Permalink
Sinu Joseph October 05, 2015 08:22

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
})

0

Permalink
Simon Vosloo October 13, 2015 11:47

Hi Sinu

Thank you for the help.

How would one go about center aligning the image though? Is this possible.

I tried $(element).css('align','center'); But that did not seem to work

0

Permalink
Mark Shear January 18, 2016 09:42

Is this working in the newest version of sisense? I now get a broken link on my image even though ive checked everything.

0

Permalink
Avi Tavdi January 18, 2016 14:42

Hi Mark,

If you paste the image url in the browser address bar do you see the image?

Thanks

0

Permalink
Sam Skinner March 22, 2016 13:20

I have followed the instructions until the point where I have to select the Image Widget from the widget selector menu. It isn't showing up in the list of available widgets.

Re-executing IISRESET hasn't helped. Any ideas what might be going wrong?

I'm using version 6.2

Thanks

0

Permalink
David Hogeg March 22, 2016 14:33

Hi Sam,

This should for in 6.2 .

Please submit a ticket and we'll help you troubleshoot that.

Thanks!

0

Permalink
Lee May 13, 2016 20:10

New functionality!
Clickable image - set a URL on each image to link to another page

0

Permalink
Sangeetha July 21, 2016 15:44

I dont see the 'IMAGEWIDGET' either. version 6.2.5

0

Permalink
David Hogeg July 21, 2016 15:56

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

0

Permalink
Philip Lima September 17, 2016 19:43

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

0

Permalink

Please sign in to leave a comment.

Comments

Didn't find what you were looking for?