Forum Discussion
SharePoint List Progress Bar Top Border
How do I get rid of the top border in a progress bar? I have attached an image and here is my code ...
{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType": "div",
"children": [
{
"elmType": "span",
"txtContent": "@currentField",
"style": {
"padding-left": "8px",
"white-space": "nowrap"
}
}
],
"attributes": {
"class": "sp-field-dataBars"
},
"style": {
"padding": "0",
"font-size": "12pt",
"font-weight": "bold",
"color": "#000000",
"background-color": "#12ae00",
"width": "=if(@currentField >= 101, '50%', (@currentField * 1) + '%')"
}
}
Thanks,
John
johncrouse62 just add an extra line to the style: "border-top": "0"
Rob
Los Gallardos
Microsoft Power Automate Community Super User.
Principal Consultant, SharePoint and Power Platform WSP Global (and classic 1967 Morris Traveller driver)
2 Replies
- Rob_ElliottSilver Contributor
johncrouse62 just add an extra line to the style: "border-top": "0"
Rob
Los Gallardos
Microsoft Power Automate Community Super User.
Principal Consultant, SharePoint and Power Platform WSP Global (and classic 1967 Morris Traveller driver)- johncrouse62Copper ContributorPerfect! Thx.