The Qlik Sense Single Object Configurator

This snappily titled feature, found in the Dev Hub, actually provides a very simple way to embed Sense objects in web pages. We have just used it on one of our marketing pages. This article describes how you can use it also.

The Developers Hub

Qlik Sense Dev Hub MenuThis is where you can find a number of tools to help with building extensions, widgets, mash-ups and, as I mentioned in my last post, importing QlikView apps. It is also home to the Single Object Configurator. How you navigate to it from the hub has changed about a bit from version to version, but as at now you can find it as an option on the ellipsis menu at the top right of the hub.

In all versions you can also get straight to it at http://servername/dev-hub

Our Requirement

T20 Site LogosWe are sponsoring a youth cricket event, and wanted to provide a micro site for the event that showcased what Qlik Sense could do, whilst keeping it simple for non data people. Being aware of the Qlik demo featuring the T20 Indian Premier League we wanted to make use of that. Screen grabs would allow us to show part of what Sense can do, but we wanted something interactive.

The completed page that we created for the event can be viewed here:

https://www.quickintelligence.co.uk/t20

To find out how we created it; read on.

Accessing the Demo Hub and Dev Hub

As you probably know, the Qlik demo site has a custom menu for searching for and opening apps. It is just a standard Sense server under the bonnet though (with a few customisations). A cursory look at the URL shows it is using a virtual proxy called site. This means the standard hub can be found here:

https://sense-demo.qlik.com/site/hub/

This site can be useful if you are out and about and want to demo what a Sense server looks like, rather than just the functionality that you get once in an app.

Even more useful, for our purposes, though is the Qlik Dev Hub, which you can access here:

https://sense-demo.qlik.com/site/dev-hub/.

Obviously this is locked down, and you do not get all of the functionality available in a standard Enterprise Dev Hub, but the Single Object Configurator is there, and that is what we needed.

Qlik Sense Single Configurator

The purpose of this tool is to allow a site administrator to select any object from within a Sense site and then configure a URL to view that object either on it’s own page, or in an iframe.

Configuring Your Object

The first thing you need to do when using the Single Object Configurator is to choose which app contains the object that you want to configure. For our purposes I chose the IPL App from the drop down:

Single Configurator IPL App

Once selected you see the Sheets in the app down the left hand side and underneath those in the tree structure the various objects. When you select an object from the menu it is placed into the main panel of the Configurator and you can start selecting options.

Configurator Object Selected

Configurator Disable OptionsWhen the selected object is loaded you can start selecting options for that object. It is possible to lock down the chart so that it shows a specific selection and can not be interacted with. We wanted to show how charts interact with each other, and how selections could be made, so we wanted a dynamic chart with a current selections bar. First of all, under the general tab all of the options to Disable functionality were deselected.

On the Selections options part of the accordion the tick box was set to show the Current Selections bar, and I also set a default selection to pick only one Season of the IPL. If the selections were fixed this would be all the user can see, but as it is I have allowed them to deselect it or pick another.

Single Configurator Selection Options

Once configured all I had to do was to copy the iframe code from the top of the configurator and paste that into WordPress. The code generated looks like this, you can see how the options (including selection) set through the UI can be modified in the URL:

Configurator iframe Code

All that remained was to set the dimensions for the iframe and the chart was then present in my web page, looking a bit like this:


As I wanted to show off how multiple charts would interact when placed on the same web page I then created two more charts, this time without the selections bar on. This allowed me to write a mini-tutorial around use of Sense, right into the web page.

To demonstrate that working here also, here is another chart from the same app:

You can now see how selections in one chart reflect in the other. To see how I turned this into an interactive tutorial visit the page here.

Further Use Cases

This approach was ideal for what we wanted, as the demo is publicly available online and visible to everyone. The single configurator is also available on an on-premise Qlik Sense Enterprise server, and even in Sense Desktop (which uses a local IP and port 4848 to work in a browser). Presently it is not present in Qlik Sense Cloud.

By using this on an Enterprise server a layout of charts on a page can be created which is not bound by the grid size that is in Sense, or the lack of vertical scroll (at the time of writing). Access to the charts is still bound by the security rules set up in Sense Enterprise and the tokens that users have available, showing charts in this way does not expose any more data than would be available in the Hub. By embedding bits of Sense in an HTML additional copy can be added around the chart to provide context, if embedding in an ASP or PHP page that additional content can also be dynamic.

Obviously the better, more robust, way of building pages of this sort is with the Mashup Editor, but this requires more HTML coding knowledge and takes a bit more time. An analyst with a bit of HTML knowledge (or a GUI editor) could create a mock-up of a page they want for a developer to then build the full on mashup.

All-in-all the Single Object Configurator is another window into the ever expanding world of Qlik Sense automation and integration, which I have blogged about previously.

I hope this tutorials has given you the inspiration and knowledge to go out and do even more with the Qlik Platform.

Please feel free to comment below.

By |2017-05-30T08:45:54+00:00May 30th, 2017|Qlik Sense Tutorials|9 Comments

About the Author:

Steve is owner and principal consultant at Quick Intelligence. He is a Qlik Luminary, Qlik Community MVP and Technical Editor of a number of QlikView Books.

9 Comments

  1. Garrett Tedeman May 30, 2017 at 6:01 pm - Reply

    Very neat write-up. There really a lot of interesting possibilities possible with this.

  2. Dirk Leemans May 31, 2017 at 5:18 am - Reply

    Thanks Steve. Very Well described

  3. Fernando keuroglian June 1, 2017 at 11:51 am - Reply

    Very useful post Steve

  4. Deepak Vadithala June 6, 2017 at 1:26 pm - Reply

    How does the licensing work for these single objects? I assume you still need the license. And what about running via QS desktop?

    • Steve Dark June 6, 2017 at 7:27 pm - Reply

      Hi DV, you require whatever licence, and sign in, that you need to view the full document in the Sense hub. Fortunately, for what we wanted to use the Qlik Sense Demo server is completely open with regards to licencing, so anyone can view the objects embedded above without a licence. You would only be able to view objects from Qlik Sense Desktop on the local machine, so whilst you can use the Single Configurator (which will open your browser) and create HTML using that the page created will only be able to run on a local machine. This could be useful for a demo at a trade show where it is on your own kit – but would not work to show anyone else. This is true of exposing anything you create in Sense Desktop.

      Hope to catch up with you in person sometime soon.

  5. David Gustin June 9, 2017 at 9:03 am - Reply

    Hi Steve,

    Very useful!

    Do you have any idea (if possible) how to add “FULL SCREEN” button for each object?

    • Steve Dark June 9, 2017 at 10:07 am - Reply

      Hi David, thanks for your comment. You will need to do this with HTML and CSS. You probably want small iFrame on one page, and then another page with an iFrame with width 100% and height of 90% and then a link to toggle between the pages. You probably want a # anchor on the page with the small charts on, so that when you direct back from the bigger chart it goes back to the right small one. If your HTML is better than mine, then you can probably do something more dynamic, but that is how I would approach it, with limited HTML skills.

  6. Jahanzaib July 10, 2017 at 6:39 am - Reply

    Hi,

    1). How it is possible to make a webpage with qlik sense dynamic objects in it public without consuming a qlik sense license?
    2). Is it a special kind of qlik sense server license or is it possible with simple free of cost qlik sense enterprise server?
    3). How it is possible to make it public like you did in “https://www.quickintelligence.co.uk/t20”?

    Thanks in advance !

    • Steve Dark July 10, 2017 at 7:46 am - Reply

      Hi, If you are building the content yourself to push on the web you will consume licences. If you want it to be public on the web then it is an expensive thing to do. As described above, the charts I have used are freely available as they come from the Qlik demo site. Another way of sharing charts from Sense (Which can be done for free and with your own data) is described here: https://www.quickintelligence.co.uk/christmas-songs-charts/

Leave A Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.