Skip to main content
Announcements
Join us at Qlik Connect for 3 magical days of learning, networking,and inspiration! REGISTER TODAY and save!
cancel
Showing results for 
Search instead for 
Did you mean: 
KommulaRahul
Contributor III
Contributor III

Borders to multi KPi using CSS

 

IMG_20231110_152536.jpg

 Pls look into the above pic. 

Instead of adding the borders to all the individual KPIS without gap, I want the borders to 2 KPIS each. And there must be gap between the KPIS. 

 In the above pic, there are 6 KPIS. 1. Total orders

2. Received 3. Shipped 4. Open 5. Picked 6. Packed

1. One Set KPI(total orders and received)

Like I want Total Orders and Received to be grouped together like total Orders in one box and received in one box .

2. Second Set KPI (Shipped and Open)

Again shipped and Open kpis must be grouped together like shipped in one box and Open in one box.

3. Third Set KPI (Picked and Packed)

Same goes with this Set also just like above.

Note:

There must be gap between the each set of kpi.

Labels (1)
13 Replies
ajaykakkar93
Specialist III
Specialist III

My same code does work as per attached image

ajaykakkar93_0-1700712400314.png

 

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

KommulaRahul
Contributor III
Contributor III
Author

Can u share me any other CSS Script  

Just Check it out Please if you can find any other Script which can match with our requirement. 

ajaykakkar93
Specialist III
Specialist III

Logic in that css is to get odd container to color u could hard code it & try

Please mark the correct replies as Solution. Regards, ARK
Profile| GitHub|YouTube|Extension|Mashup|Qlik API|Qlik NPrinting

shaan007
Partner - Creator
Partner - Creator

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