topic Re: DevHUb and MultiKPI CSS in Integration, Extension & APIs

DevHUb and MultiKPI CSS

Halebabür — Mon, 09 Jan 2023 05:26:04 GMT

Hi,

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

Why could it be ?

Re: DevHUb and MultiKPI CSS

Halebabür — Mon, 09 Jan 2023 06:58:08 GMT

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

Re: DevHUb and MultiKPI CSS

alex_colombo — Tue, 10 Jan 2023 08:54:39 GMT

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?

Re: DevHUb and MultiKPI CSS

alex_colombo — Tue, 10 Jan 2023 08:56:37 GMT

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.

Re: DevHUb and MultiKPI CSS

Halebabür — Tue, 10 Jan 2023 09:05:51 GMT

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

Re: DevHUb and MultiKPI CSS

alex_colombo — Tue, 10 Jan 2023 14:02:03 GMT

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?

Re: DevHUb and MultiKPI CSS

Halebabür — Tue, 10 Jan 2023 14:47:03 GMT

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

Re: DevHUb and MultiKPI CSS

alex134a — Sat, 10 Feb 2024 00:35:44 GMT

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

Re: DevHUb and MultiKPI CSS

benjamin_thompson — Mon, 10 Jul 2023 18:37:10 GMT

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.