Unlock a world of possibilities! Login now and discover the exclusive benefits awaiting you.
Accepted Solutions
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.
---
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.
---
