murraygm / qse-mgoimagegrid

Qlik Sense Extension to display images

qse-mgoimagegrid

THIS IS NO LONGER ACTIVELY SUPPORTED last updated 2018 - take a look at vizlib for similar extensions

Qlik Sense Extension to display images - for use with Qlik Sense

Download a zip of just the v3.16 extension, ready to add to server [zip of MGOImageGridv3 folder] (https://github.com/murraygm/qse-mgoimagegrid/raw/master/MGOImageGridv3.zip)

DOWNLOAD FULL PROJECT VIA GITHUB https://github.com/murraygm/qse-mgoimagegrid/archive/master.zip or grab just what you need from the project https://github.com/murraygm/qse-mgoimagegrid or check out the project page on Qlik Branch

Version 3 - for use in Qlik Sense 3 and later

Version 3.16 (April 2018) - Tested in Qlik Sense Server Feb 2018 release, Desktop April 2018 release.

Other updates:

• Added 'banner' option to 'Colour Indicator' properties
• Zoom/rotate bug fix for Chrome
• Added option to set background colour and padding for the full object.

LOCALS FILE PATH ISSUES

In recent releases (eg: Feb 2018 ) you will need to put all the images inside a folder inside the Extensions folder. That folder needs to get registered with Qlik Sense. The best approach is to create a Mashup named the folder you want to use and put the images in there. It is also possible to add a .qext file manually on the Desktop to the folder.

It appears that with the server you can't get away with just creating the mashup and copying the files into C:\Qlik Sense Storage\StaticContent\Extensions. The only way seems to be to create a mashup folder locally on the desktop, add all the images. Zip it, then import it via the QMC to the server in the Extensions area.

Where ever possible use the ONLINE option and fully browser accessible URLs instead of the local file approach.

Other updates:

• Added a hover text option under "Image grid display options"

Version 3.11 (FEB 2018) - Tested in Qlik Sense Desktop Feb 2018 release.

• Added possibility to make the selection in 2nd dimension
• Fixed - clearing bug on single image
• Changed 1up to include zoom
• Changed selection to include popup and select option
• Reorganised properties - all loading and selection interaction under "Image source & Selecting"
• Paging is now on by default and printing is off by default.

FIXED in 3.7: Local images issue FEB 2018 - image path for 'local' and the image field data (the filename) are now URI encoded.

Screenshots and possibilities

History

Tweaks (Aug 2017 - v3.6):

• Image effects now carry over to single image view (override option added)
• Image background colour on grid can now be driven by a dimension or measure for multiple bg colours

Tweaks (Aug 2017 - v3.5):

• Added image effects to grid; black and white, mono colour multiply on background (black), mono colour screen on background (white). Also added the ability to use the 'colour indicator' property to override the effect. NB: some issues displaying in desktop client, works in browser.
• Added a fast select option under the grid properties - means that click on image gets instantly selected with no selections modal. Also added a clear button (x) to top right of image when in single image view, to clear that image selection. Useful for mashups etc.

Tweaks (June 2017):

• Added printing capability to main Image Grid Extension (not to the Emo version) - Possible issue printing from desktop client (background image printing needs to be on). Option available when printing through the browser but not in all Win dialogs. FOR BEST RESULTS PRINT TO PDF FIRST

Tweaks (mar 2017):

• Changed the Qlik selection style, so that it now displays ticks for selected in active selection mode and the other images available for selection no longer appear knocked back

Tweaks (aug 2016):

• option to hide the image count (on grid and 1up views)
• Minor formatting and text changes

Version three has added/changed:

• Up to 3 measures can be used
• Measures can be used to change BG colour opacity and image opacity of each image in grid view (previous fixed for all)
• Hover displays 1st 2nd and 3rd measure values when using bar display on grid
• 'Box' scale option added to force image to fit scaled to 80% on grid cell (revealing background colour)
• Image paging now has a 1 up view option for the grid
• Single image view now allows for 'actual size, 1:1 as a custom scale option
• Controls added to enable zooming and rotating of image
• Mouseover auto panning when image is cropped after zooming.
• Colour indicator added allowing you to flag images that match your criteria, can be set against measures or dimensions and applied to the background colour of those matching images or against the measure values displayed on those images.

Changes to how the measure values are displayed including; ability to change colour of text, hide measure titles and add on a symbol of additional text after measure value. Idea taken from Xavierlp's fork of V2: https://github.com/xavierlp

See new example app "MGO Image Grid v3 example.qvf" for more details

OLDER and Discontinued versions

• MGO Image Grid Emo, with content, facial and emotion recognition (Uses Microsoft's Cognitive Services APIs, keys required - Computer Vision and Emotion)
• V2 for use in Qlik Sense 2.2 - still in repository but aging and superceded by V3.x

qse-mgoimagegrid's Issues

Cannot view my images

Hi @murraygm. I cannot view my local images. As you recommended, I save all the images in a folder under Extensions, but when I select one image name (as my 1st dimensión), only shows the label, no the image itself. Hope you can help me, many thanoks in advance

sporadically appending %20 to the end of the image file name

Hi Murray - hope all is well. I heard you left Qlik. Trust you are on to great things. I am not sure if you are still supporting this extension. I noticed when switching from local file access to online access using s3 - some of my image files are not displaying because they have a %20 appended the file name as in: myimage.jpg%20 - if I edit the url with chrome developer - and remove the %20 - the image displays. The weird thing is is that this is happening to some images not all and I am not sure what to look at. Thanks

Selection on another field

Hi,
This extension is really great.
I think it will be better if we can choose to select a field which is linked to the image.
For example, I have

• a field "Product Universe" (which is a master item)
• and another field "Product universe image" (which contains the images).
  When the user makes a selection in the extension, Qlik Sense make a selection on the field "Product universe image". In the selection bar, the selection on "Product Universe" doesn't appears but the user doesn't know why (because in his mind he select a Product Universe)
  It is possible to add an option to make the selection on the field "Product Universe" ?

Thanks for your work and your contribution to the Qlik community :-)

Paul

Pb displaying images

Hello Murray and thanks for this extention.

I have a big issue, we used this extention on a office project and we are oblige to move to URL files to local files.

Unfortunately I can't display local images even I placed local images on the extention folder.

I tried with your MGO Image Grid v3 example.qvf exemple but it's doesn't work any more.

Can you help me working with your QVF exemple ? Can you confirm me i have to place local images in this folder C:\ProgramData\Qlik\Sense\Repository\Extensions\MGOImageGridv3\IMGs\IG\ and just specifie on the Design of the sheet this folder 'IMGs/IG' on the MCOImageGridV3 folder ?

Thanks for you response

Regards

Julien

Using Local Images on QS Server

Hi Murray,

Great extension!

I am trying to use this on QS server, latest version, think it's 3.4.
Where is the extension looking to find the images folder on the server?
If I place the images in server location C:\Program Files\Qlik\Sense\Client\assets\external\mgo\IMGs\IG then what part of this string do I need to use in the ImageGrid properties?

Thanks!

Images not showing when not on server

Hi,

I have a problem with the MGO image extension.

I use a dimension to display the images. The dimension is a column in Excel with direct links to the images.
When I view the Dashboard from the Sense Server, the extensions works. But if I have a client look at the Dashboard the images wont display.

Is there a workaround for this issue?

Thanks,
Andreas

KPI didn't display on the last (right) column

Hi !

We have a table that shows 4 pictures per line. But the 4th column (on the right) didn't display KPIs anymore.

This issue exist on Chrome, not on IE.
The tested version are : 76.0.3809.132 (Build officiel) (64 bits)

See below the difference between IE and Chrome.

If you have possibility to check this issue, it could be great !
Thanks !!