Skip to content

xavierlp/qse-mgoimagegrid

 
 

Repository files navigation

qse-mgoimagegrid

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

DOWNLOAD 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

This is version 2 of the MGO Image Grid. Version 1 has been retired. It enables you to display external images referenced via a field in a Qlik Sense datamodel. This is an experimental extension, built for fun and NOT INTENDED FOR PRODUCTION LEVEL DEPLOYMENT. Contains all the same features as v1 (custom image sizes, borders, background colors, scaling options, upto 2 measures).

NEW stuff

  1. Grid - Local path changed: root path for target local image folder is now the "Extensions" folder.
  2. Grid - Popup option on grid now supports custom URL to link to
  3. Grid - the limited image display/load can now be paged (nb - load limit and paging amount must be the same)
  4. Single image - Custom name can be displayed
  5. Single image - Custom link can be used for click action on name
  6. Single image - Custom image source can be used for the image, this can be either a pointer to a different image as a URL, or can be an HTML snippet to enable iFrame embedding.
  7. Grid - added toggle to display or hide measures on grid.
  8. Grid - added way to set the opacity of each image based on the 1st measure

UPDATE - June 2016:

  1. Added support for second dimension to be used as a seperate link (url) to the image source, for immediate popups from grid and on single image view
  2. stopped popups activating on grid view whilst in edit mode

Example App

There are 2 examples included in this propject. MGO Image Grid v2 example.qvf This includes an examples of different property settings and an example of both local and remote images using Instagram. To get the local images to display, unzip and add the image folder (IG) to the "MGOImageGridv2" folder inside the "Extensions" folder. Download it from dropbox (8mb) https://dl.dropboxusercontent.com/u/771748/IG.zip

NY public library 2.qvf This example uses the New York Public Library public domain dataset (190K records) and calls the images from their server. Fun to explore and the images themselves are free to download and use.

Screenshots

Properties Screenshot Screenshot2 Screenshot3

Known issues

This is NOT FOR PRODUCTION CRITICAL apps as memory use is high and UI can be sluggish. This version is a proof of concept and has only been built with Chrome and Qlik Sense 2.2 desktop support, other deployments and browsers may be buggy.

It has been tried on a Qlik Sense server and works. However when attempting to embed iFrames there has been mixed results (some instances would not load), this is probably due to security settings and sandboxing. When using external resources there may be issues with certificates and security warnings if resources are outside of the domain that the Qlik server is on, or http rather than https is used.

With large numbers of images the UI will slow down, use the limit display option. However you may still run into memory trouble if you view/page a lot of images.

In edit mode the grid does not display true to what will appear in analysis mode. Gaps appear between the images when the width of the object is less that the width of the images on the grid.

In analysis mode; if the width of the object is less than the width of the images on the grid any measure added to the object will not display.

PNG preview for the extension not displaying.

About

Qlik Sense Extension to display images

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 92.6%
  • CSS 7.4%