Skip to main content

Creating a mashup web page from scratch

This example guides you through the workflow of creating a basic web page displaying some objects from the Helpdesk Management example app.

Note: The Helpdesk Management example app is only available for Qlik Sense Desktop.
Tip: In general, the best way to learn about how mashups work is to open one up and look around at the code inside. Refer to Examples for a mashup example and where to find it.

Do the following:

  1. Open Dev Hub.

    See Launching Dev Hub.

  2. Create a new mashup.

    Click Add Create new mashup, give the mashup a name, and then select the mashup template you require.

    In this example we name it MyMashup and select Basic mashup template.

  3. Right click on the newly created mashup and select Edit.

    The mashup is launched in the Mashup editor.

  4. Select a Qlik Sense app to connect to.

    In this example we select the Helpdesk Management app.

  5. Select the visualizations to display in your mashup.

    In this example, we select the following visualizations:

    • Avg Case Resolution Time (Days)
    • Open & Resolved Cases Over Time
    • High Priority72Cases
    • Open Cases vs Duration
    • Open Cases by Age
    • Case Details: 9031 Cases
  6. Change the title of the mashup.

    Select the MyMashup.html tab. Locate the following line:

        <title>Qlik Sense Mashup</title>

    Change it to:

        <title>My Mashup</title>
  7. Click Save to save your mashup.

You have now created a mashup using a basic template.