Multi-KPI Borders Between Individual KPI's

newuser — Tue, 03 May 2022 01:05:31 GMT

Hi - when using a multi-KPI, is there a way to put boxed borders around each individual KPI to separate each one? I suspect CSS is needed, but even if I figure out the right CSS to use, it doesn't seem to carry over in an iFrame to a SharePoint page. So hoping there is another way.

Re: Multi-KPI Borders Between Individual KPI's

Andrei_Cusnir — Thu, 05 May 2022 08:25:58 GMT

Hello,

I was taking a look into this use case scenario and here are my observations:

1. This is my outcome by adding customer CSS:

2. I had to go to Appearance > Styles > Styles (CSS) and add the following code:

.qv-object-qsstatistic .value {
border: 5px solid #646464;
}

3. As you can see from the image above, by default the Multi KPI object has default borders that allow you to differentiate the dimensions. However, if you hit on F12 while in Chrome, you will get the developers console tool. From there you can find the HTML element that needs to be modified and then you can get the class name. After that you can modify the class name by changing the properties or adding more, like we did above with "border".

4. Now after that If you go to the Dev Hub and use the Single configurator, you can find the application for the apps drop down menu and then select the the sheet or object:

As you can see the borders are still present.

5. If you use the iframe tag within a basic HTML page you can see that it is also working and the borders are present there as well:

This means that if you are unable to see the CSS modifications within the SharePoint, then it could be related to how the SharePoint generates the view. It would be a good idea to first try the steps 1 to 5 and if you are getting the same results then you should contact SharePoint for additional assistance.

Additionally, you can create a feature request [1] to have the option to add borders on individual measures.

I hope that this information was helpful. In case I have misunderstood the use case scenario, please elaborate in details by providing additional information. However, if it has helped you resolve the issue, please mark it as accepted solution to give further visibility to other community members.

---

[1] https://community.qlik.com/t5/Knowledge-Base/How-To-Submit-Feature-Requests-For-Qlik-Products/ta-p/1712581

Re: Multi-KPI Borders Between Individual KPI's

shaan007 — Mon, 10 Jun 2024 06:46:59 GMT

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

topic Multi-KPI Borders Between Individual KPI's in App Development

Multi-KPI Borders Between Individual KPI's

Re: Multi-KPI Borders Between Individual KPI's

Re: Multi-KPI Borders Between Individual KPI's