topic Re: CSS ERROR in App Development

CSS ERROR

Tool_Tip — Wed, 12 Nov 2025 04:06:22 GMT

Dear ALL

We are not getting below error while writing below css code in custom css window of "Advanced KPI" object

Also we tried below code

& .qv-inner-object {
  border: 3px solid #fff;
  border-radius: 20px;
} 

& .qv-object-advanced-kpi {
  border-radius: 25px !important;
}

& article {
  border: 0px !important;
}

We want to hide border of KPI object.

NOTE: Please suggest to use Multi KPI object as it will be removed soon

Re: CSS ERROR

robert_mika — Wed, 12 Nov 2025 04:20:02 GMT

Are you using cloud or on premise version?

In cloud you can use the sheet property to add css.

If on premise any other extension will work

like:

https://github.com/djaskowiak/advanced-kpi

Re: CSS ERROR

Amit_Prajapati — Wed, 12 Nov 2025 04:58:54 GMT

Hi @Tool_Tip , I also tried the below one and its working fine in cloud version.

Just try with removing the = and &

.qv-inner-object {
  border: 3px solid #fff;
  border-radius: 20px;
} 
.qv-object-advanced-kpi {
  border-radius: 25px !important;
}

.article {
  border: 0px !important;
}

Re: CSS ERROR

Tool_Tip — Wed, 12 Nov 2025 05:38:53 GMT

Thank you for your response.
1) We are using on-premise
2) I think issue is with on-premise then because I have tried removing =& also still there is error

Re: CSS ERROR

Tool_Tip — Wed, 12 Nov 2025 05:39:52 GMT

It automatically adding "=" sign even if you removed

Re: CSS ERROR

Tool_Tip — Wed, 12 Nov 2025 05:41:01 GMT

Dear Robert

We are using on premises and we are using the same extension which you mentioned

Re: CSS ERROR

Nagaraju_KCS — Wed, 12 Nov 2025 06:22:13 GMT

Try this

.qv-object .qv-object-content {
border: 3px solid #fff;
border-radius: 20px;
}

.qv-object-advanced-kpi .qv-object-content {
border-radius: 25px !important;
}

article {
border: 0px !important;
}

Re: CSS ERROR

Tool_Tip — Wed, 12 Nov 2025 06:26:15 GMT

No Luck

Re: CSS ERROR

Nagaraju_KCS — Wed, 12 Nov 2025 06:40:35 GMT

Try only below one - if it is work you can add other css

.qv-object .qv-object-content {
border: 3px solid #fff;
border-radius: 20px;
}

This is working for me

Re: CSS ERROR

Tool_Tip — Wed, 12 Nov 2025 07:21:26 GMT

how about making it transparent?
by default it is showing white color only

Re: CSS ERROR

Nagaraju_KCS — Wed, 12 Nov 2025 11:16:23 GMT

Try this

.qv-object .qv-inner-object
{
background-color: transparent !important;
}

Re: CSS ERROR

Tool_Tip — Thu, 13 Nov 2025 03:44:50 GMT

Dear nagarju

It is working perfect for me now.
But, it is getting applied for all the objects so I try to mentioned specific object as below so no luck

='div[tid="fqBFf"].qv-object .qv-inner-object
{
background-color: transparent !important;
}

article {
border: 0px !important;
}'

Something wrong here?

Thank you.

Re: CSS ERROR

Nagaraju_KCS — Thu, 13 Nov 2025 08:50:21 GMT

Check this

=div[tid='fqBFf'] .qv-object .qv-inner-object
{
background-color: transparent !important;
}

article {
border: 0px !important;
}

Re: CSS ERROR

Tool_Tip — Sun, 16 Nov 2025 05:52:13 GMT

No Dear

Not working