Single integration
You can integrate single Qlik Sense visualizations, sheets or snapshots into an iframe. You use the Single Integration API to define how the object should be integrated into your web site.
There are two ways you can integrate a Qlik Sense object into your website:
- Embed a sheet or visualization into a mashup from the Hub.
For more information, see Embedding a visualization or a sheet in a mashup.
- Use the Single configurator in the Dev Hub. (This functionality is not available in Qlik Sense SaaS.)
The Single configurator is a Qlik Sense tool that provides an easy way of creating simple mashup pages without having to write any code at all. It returns a Qlik Sense object, which is identified in an URL. The Qlik Sense object is typically a visualization from an app, for example a Line chart.
API reference: Single Integration API
Single integration examples
This section exemplifies the simplest solution of integrating sheets, visualizations and snapshots from a Qlik Sense app into iframes.
Integrating a sheet into an iframe
This example shows how to call the Performance sheet, with object id kHgmg, from the Helpdesk Management app.
Example:
<iframe src="https://sense-demo.qlik.com/single/?appid=133dab5d-8f56-4d40-b3e0-a6b401391bde&sheet=kHgmg" frameborder="0"></iframe>
See this example in a Qlik Sense app: Integrating a sheet into an iframe
Integrating a visualization into an iframe
This example shows how to call the Open Cases by Age pie chart, with object id PAppmU, from the Helpdesk Management app located on the Qlik Demo Server.
Example:
<iframe src="https://sense-demo.qlik.com/single/?appid=133dab5d-8f56-4d40-b3e0-a6b401391bde&obj=PAppmU" frameborder="0"/>
See this example in a Qlik Sense app: Integrating a visualization into an iframe
Defining single preselected value
This example shows how to call the Open & Resolved Cases Over Time line chart, with object id hRZaKk, from the Helpdesk Management app with the preselected Year: 2012.
Example:
<iframe src="https://sense-demo.qlik.com/single/?appid=133dab5d-8f56-4d40-b3e0-a6b401391bde&obj=hRZaKk&select=Year,2012" frameborder="0"></iframe>
See this example in a Qlik Sense app: Defining single preselected value
Defining multiple preselected values
This example shows how to call the Open Cases vs Duration scatter chart, with object id 298bbd6d-f23d-4469-94a2-df243d680e0c, from the Helpdesk Management app with the preselected Year: 2012 and Priority: High and Medium.
Example:
<iframe src="https://sense-demo.qlik.com/single/?appid=133dab5d-8f56-4d40-b3e0-a6b401391bde&obj=298bbd6d-f23d-4469-94a2-df243d680e0c&select=Priority,High,Medium&select=Year,2012" frameborder="0">
See this example in a Qlik Sense app: Defining multiple preselected values
Defining preselected values and bookmarks
This example shows how to call the Open Cases vs Duration scatter chart, with object id 298bbd6d-f23d-4469-94a2-df243d680e0c, from the Helpdesk Management app with the preselected Year: 2012 and Priority: High and Medium. It also includes a pre-defined bookmark, with object id hMULCFz.
Example:
<iframe src="https://sense-demo.qlik.com/single/?appid=133dab5d-8f56-4d40-b3e0-a6b401391bde&obj=298bbd6d-f23d-4469-94a2-df243d680e0c&bookmark=hMULCFz&select=Priority,High,Medium&select=Year,2012" frameborder="0"></iframe>
See this example in a Qlik Sense app: Defining preselected values and bookmarks