topic Re: CSS with object Multi KPI in App Development

CSS with object Multi KPI

jmialoundama — Mon, 13 Feb 2023 16:34:17 GMT

Hello,

I am using Qlik Sense multi KPI object.

Here is my CSS code:

& *{
border-width: 2px;
border-color: #E6E6EF;
}

& .label * {
font-family: 'Calibri';
font-size: 150%;
}

& .statistic-1 .value * {
font-family: 'Calibri';
font-size: 150%;
}

& .value * {
font-family: 'Calibri';
font-size: 90%;
}

I have 4 squares. I want to put a conditional color on each of the squares.
How can I achieve it in CSS.

Here are the colors I want to use:
If Alert then green
If Critical then red
If command to launch then Orange
Otherwise Grey.

Thanks in advance 🙂

Re: CSS with object Multi KPI

deepanshuSh — Mon, 13 Feb 2023 16:55:20 GMT

What do you mean by conditional colors? what are the conditions that you are trying to showcase here?

What I understand is that you are trying to give colors to these button which can be directly done using the background expression editor and font color by expression.

Re: CSS with object Multi KPI

jmialoundama — Mon, 13 Feb 2023 18:17:32 GMT

Hi @deepanshuSh ,

Thanks for your return.

I tried to put an expression on the text according to what the text shows me at this level, but it does not work:

I use this object on Qlik :

So I thought I could do it in CSS

Re: CSS with object Multi KPI

vinieme12 — Tue, 14 Feb 2023 08:52:11 GMT

It is NOT POSSIBLE to use CSS to check VALUES / TEXT on a page

Switch to using the KPI object if possible as it allows conditional colors

Re: CSS with object Multi KPI

jmialoundama — Tue, 14 Feb 2023 10:13:58 GMT

Hello @vinieme12 ,

With the KPI object it is possible to put colors by expression only if it is a number.
If the KPI contains text it is not possible to put a color by expression

Re: CSS with object Multi KPI

vinieme12 — Tue, 14 Feb 2023 10:20:31 GMT

Well your Threshold Values based on which you decide if its an Alert, Critical and Command are numbers correct??

Re: CSS with object Multi KPI

Sylvain1 — Thu, 27 Jul 2023 07:59:47 GMT

Bonjour,

avez vous trouvé une solution, j'ai le même problème et je ne parviens pas a utiliser une couleur conditionnelle comme c'est possible sur un sipmle KPI.

Merci

Re: CSS with object Multi KPI

deepanshuSh — Fri, 28 Jul 2023 04:49:27 GMT

What exactly is the requirement, please be detailed. And use english for better understanding.

Re: CSS with object Multi KPI

Sylvain1 — Fri, 28 Jul 2023 08:28:13 GMT

Hi,

Sorry I posted in french because the first topic was posted by a french guy 🙂

I think I have the same problem as him, I try to use conditionnal coloring measure within a multikpi object.

In the configuration panel we have the opiion to use conditionnal value but impossile to configure it in the same way as other objects:

conditionnal value enable (no field (Fx) to configure it):

Conditionnal value disable (tou can choose the fixed color) :

So My question is do you know how to create a conditonnal color on a measure value on multikpi?

Thanks for you help

Re: CSS with object Multi KPI

deepanshuSh — Fri, 28 Jul 2023 08:59:35 GMT

I dont see this option in the working, you can try by creating the master dimension if that works...in my case it didnt. Instead I have used a text and image and button to get the desired result.

Re: CSS with object Multi KPI

Sylvain1 — Fri, 28 Jul 2023 14:10:30 GMT

Thanks DeepanshuSh

Unfortunatly I choose multikpi instead of KPI to regroup them into only one object.

For now I did not find any solution so I kept several KPI object to do it.

Thanks for your help.