Embedding charts and sheets into web apps

Embedding objects into your web application is fairly straightforward with Qlik Sense SaaS. This tutorial is a step-by-step demonstration of embedding objects as iFrames.

Qlik Sense SaaS supports two types of embeddable objects in an iFrame: sheets and charts. To embed a Qlik Sense sheet, click the drop down menu in the upper left corner when the app is open. Select “Embed sheet”.

Dropdown menu with embed sheet highlighted

To embed an individual chart/object, right-click the object itself. Click the Navigation button (three dots), then select Share > Embed.

Right click menu with embed chart highlighted

Once you've done this for either a sheet or chart/object, a window appears allowing you to configure various properties for the embedded object. At the bottom of this window, you'll see the code for the iFrame, which can be pasted directly into an HTML page. Also note that you can find the object ID and sheet ID below the preview window, which can be used with Qlik capability APIs.

Embed sheet preview with sheet ID and iFrame highlighted

Let’s test if this works. Copy the URL from the iFrame’s src attribute, and paste it into a new tab in your browser. You should now see the chart or sheet.

Pie chart

If you see an 404 not found page, you are either not authenticated or the resource isn't accessible. Check your CSP setup on Qlik Sense SaaS and authentication module.

Once this is clear, you can paste the iFrame code into an html page.

ON THIS PAGE

    Was this page helpful?