DevHUb and MultiKPI CSS

[Halebabür]

Hi,

The CSS code I wrote in Multi KPI does not appear on devHub.

Why could it be ?

[Halebabür]

Thank you for sharing this information with me. I developed the application and used multi kpi. When I wanted to publish the application to the QAP platform, I saw that it did not detect the CSS code in Multi KPI. I am sharing examples:

This is how it looks when I Publıshed (As it should be)

and QAP

[alex_colombo · Accepted solution]

Hi @Halebabür, can you post your CSS code used within MultiKPI? Did you try to inspect your html in order to check if you custom CSS is present in the DOM?

[alex_colombo · Accepted solution]

Hi @marcus37, what you mean by "how to use that property with the others"? In MultiKPI you can inject custom CSS and CSS is applied as soon as you create at least one measure. If you create multiple MultiKPI measures CSS still applied.

[Halebabür]

Merhaba  @A lex_colombo,

what you mean by "Did you try to inspect your html in order to check if you custom CSS is present in the DOM?"?   What is DOM ? 😞

CSS :

.qv-panel-sheet{
background-image: linear-gradient(90deg, #2B405E 25%, #dedede 0.1%) !important

[alex_colombo · Accepted solution]

I mean that you can inspect the HTML (the DOM) of your page using browser developer tool. If you CSS code works, you should see something like that:

I tested your CSS code and it works for me in a Multi KPI. Please close the curly bracket like below.
So, it works in dev-hub in your Qlik Desktop version and doesn't work in a QAP env?

[Halebabür]

I saw the area you mentioned. Thanks for your support. Yes, it doesn't work in a QAP environment

[alex134a · Accepted solution]

I'm facing a similar issue while writing the code. Did you get the solution?

[benjamin_thompson · Accepted solution]

For all those struggling with the multi-KPI CSS (like I was for many hours) with no luck, let me pin what @alex_colombo said:

In MultiKPI you can inject custom CSS and CSS is applied as soon as you create at least one measure [emphasis mine].

---

If anyone else was having the same problem I was, there you go. Your multi-KPIs have to be more than just boxes for your CSS. Put a measure in there.

[mrsimon007]

Ensure the Multi KPI configuration (e.g., in a custom card or widget) has been saved and deployed. If you're using a platform like Salesforce DevHub, verify that the CSS changes are part of the deployed component.