Qlik-embed: Custom objects, themes

[vlian]

Hi, we are currently trying to move to qlik-embed from capability API. We use Qlik Sense Enterprise (Client managed).

I can successfully display charts that were on my sheets by using this:

        <div class="viz">

          <qlik-embed

            ui="analytics/chart"

            app-id="c95adbee-a89e-41d8-b06f-d7492527814b"

            object-id="euXmY"

          ></qlik-embed>

        </div>

However, I am unable to embed custom objects. It would show up as 'Unknown chart" like this:

I'm also unable to use custom themes. For example I can use 

context___json='{ theme: "Breeze" }'

to apply the Breeze theme, but I couldn't change it to my custom theme.

My question is does qlik-embed support custom objects and custom themes? If so, am i missing something?

Thanks!

[alex_colombo]

Hey @vlian qlik-embed supports both custom object and theme. 

For custom objects you have to use 'classic/chart' and if needed, iframe option, see here for more details.

For custom theme you have to check what is the theme name and then use theme option as showed here.

[vlian]

Hi Alex, thanks for your response.

For the theme, I've tried the "theme=fraedomTheme' as you suggested in the link, it didn't work. 

For more information, here's our setup in Qlik Sense Hub, we changed the colors to custom, and then 'by dimension', ad then specified a color scheme. The color scheme is specified by the color palatte in themes.json, which is in the same folder as the 'fraedomTheme.qext' file. 

Would be awesome if you can give some tips on we can achieve this. Thanks!

==============================

For classic/chart, I'm waiting to hear back from our support case as you pointed out in the other post there is a bug with it: https://community.qlik.com/t5/Integration-Extension-APIs/Qlik-embed-shows-no-content-but-no-error/td... 

[alex_colombo]

Please check what is the exact theme name looking into qext file under "name" prop. You have to use that name into qlik-embed theme property.

Below and example of qext file. Theme name here is Theme name, so qlik-embed prop will be theme="Theme name":

{
 "type": "theme",
 "name": "Theme name",
 "description": "Theme Qlik Sense",
 "version": "1.0.0",
 "author": "Qlik"
}

[vlian]

Hi Alex, this did not work as expected (please see screenshot).

I have tried "Fradeom Theme" "fraedomTheme" "fraedom" "fraedom-theme" "Fraedom dimension colors". None of which worked.

[alex_colombo]

Which Qlik Sense on prem are you running? Are you hosting web app into Qlik web server or into external web server?

[vlian]

Hi, we are on the version: Qlik Sense May 2024 - 14.187.4

The web application is hosted on an external web server. It is a react application, which has an iframe to load an html page which contains qlik embed html elements.

Currently it runs on local with a script like this:

  <script

    crossorigin="anonymous"

    type="application/javascript"

    src="https://cdn.jsdelivr.net/npm/@qlik/embed-web-components@1/dist/index.min.js"

    data-auth-type="windowscookie"

    data-host="https://qlik-local.fraedom-dev.com:444/jwt"

  ></script>

Authentication is done via a session solution and a virtual proxy, I can see from the developer tools that a cookie X-Qlik-Session-jwt was successfully stored.

[alex_colombo · Accepted solution]

I've tried with May 2024 and Nov 2024 (latest version) with both theme and context:json props and I have the same issue. Theme is not retrieved correctly, seems it is pointing to Qlik SaaS APIs for theme, which is not available in on prem version. This is a bug, please open a support case.

 

[vlian]

Thanks, I got the same 404 error, will raise that with qlik support. Thanks for your help Alex.