grouped contaigner and CSS

[Louveduval]

Hello,
I'm traying to made to creat a green border around the grouped contaigner  

=& {
box-shadow: 5px 5px 5px rgba(200, 200, 200, 0.8);
border: 4px solid rgb(130,170,55);
}

But It's does not work 

[deepanshuSh · Accepted solution]

Hi, You are using the wrong format of CSS for getting the values. Please refer to my earlier post for getting the same. 

If you just want to add the border, there is a default option for the container under properties. However, CSS is a way to go for better UI. 

https://community.qlik.com/t5/App-Development/Styling-Qlik-sense-Apps-using-CSS/m-p/2003818

[Louveduval]

I've try 

= [tid="dNdanc"] .qv-object {background-color: #ffffff !important;

border-radius: 20px;

box-shadow: 2px 2px 2px 2px grey;}

[tid="dNdanc"] .qv-object-title-text {width: 100%; border-radius: 7px;}

[tid="dNdanc "] .qv-object-title,

[tid="dNdanc "] .qv-inline-edit-value {text-align: center; vertical-align: middle; font-weight: medium;}

But it's doesn't work 😞 

[deepanshuSh]

If you are using the Custom CSS portal inbuilt in the function, then you dont need to provide the TID, the TID is the object ID used to identify when you are using the MultiKPI-CSS Option. Please check the steps mentioned in the post for understanding how to use CSS In qliksense using multiKPI.

[Louveduval]

with the multi-kpi :  the boder is under the grouped contaigner

[tid="dNdanc"].qv-object {background-color: #004664 !important;

border: 4px solid green;
border-radius: 20px;

[tid="dNdanc"] .qv-object-title-text {width: 100%; border-radius: 7px;}

[tid="dNdanc"] .qv-object-title,

[tid="dNdanc"] .qv-inline-edit-value {text-align: center; vertical-align: middle; font-weight: medium;}

[Louveduval · Accepted solution]

Ok I know why , we need to had a padding: 'x'px  .