I have some 10-15 kpis in my multi kpi.

[KommulaRahul]

I want borders for all that individual KPIs.Can u share me appropriate CSS Script related to this. 

[ajaykakkar93 · Accepted solution]

Hi,

Yes you can do that, Following the below code & add it to theme.css/simple KPI/Multi KPI object

.qv-object-qsstatistic .ui.one.statistics {
    border: 1px solid #ccc;
}

Only 8 can be added as it is designed in that way

 

[KommulaRahul]

This worked well. 

Thanks

[KommulaRahul]

Hi Ajay

The above CSS Script is fine. 

But 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. 

Can u share CSS script to the above requirement

[ajaykakkar93]

Ok , I think it can be done, as i am back will try it out

[KommulaRahul]

Ya thanks