
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
grouped contaigner and CSS
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
Accepted Solutions

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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 😞

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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.

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
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;}

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Ok I know why , we need to had a padding: 'x'px .
