topic Re: Multi KPI Style CSS apply to one object only in App Development

Multi KPI Style CSS apply to one object only

lessassy — Sat, 16 Nov 2024 02:19:50 GMT

Hello,

I have the following css code:

.qv-client.qv-card #qv-stage-container #grid .qv-object-wrapper .qv-inner-object {
    padding: 0;
}
.touch-off .qv-client.qv-card #qv-stage-container #grid .qv-object .qv-object-header.thin {
    height: 0px;
}

.qv-object-qsstatistic .ui.mini.horizontal.statistic>.value, 
.qv-object-qsstatistic .ui.mini.horizontal.statistics .statistic>.value, 
.qv-object-qsstatistic .ui.mini.statistic>.value, 
.qv-object-qsstatistic .ui.mini.statistics .statistic>.value {
    font-size: 90%;
}

And I would like to apply it to a MULTI KPI object and not the whole page as we can see below

It would be possible to configure a CSS style per object "KPI indicator".

Thank you

Have a good day

Re: Multi KPI Style CSS apply to one object only

Claudiu_Anghelescu — Tue, 27 Oct 2020 11:34:14 GMT

You have to use "&" in order to reference only current object.

& .top {
font-size: 100%;
color: #ff5943;
background: #fff883
}

Re: Multi KPI Style CSS apply to one object only

shaan007 — Mon, 10 Jun 2024 06:45:55 GMT

Hi There,

I am using the theme Sense Horizon and it's displaying borders in every Multi KPI object.

How do I remove them using the styles(CSS) section in the Multi KPI property?

Thank you