View json formatting broken in SharePoint Online – Any changes to json formatting from Microsoft
Hi All,
I’m not sure if anyone is experiencing this. I have some view formatting i have applied on my SharePoint list but its all appearing weird this morning. As anything changed from Microsoft.
The below just use to the be small card with letters in it. Now suddenly its very large.
How can I reduce the height and width of the card?
Thanks in advance
My Json below
{
“$schema”: “https://developer.microsoft.com/json-schemas/sp/v2/tile-formatting.schema.json”,
“height”: “150”,
“width”: “600”,
“hideSelection”: false,
“formatter”: {
“elmType”: “div”,
“style”: {
“display”: “flex”,
“align-items”: “stretch”,
“margin-bottom”: “16px”,
“flex-grow”: “1”,
“justify-content”: “space-around”,
“padding”: “5px”
},
“children”: [
{
“elmType”: “div”,
“style”: {
“width”: “100%”,
“height”: “100%”,
“flex-wrap”: “wrap”,
“display”: “flex”,
“box-sizing”: “border-box”,
“padding”: “4px 8px 5px 8px”,
“border-radius”: “2px”
},
“attributes”: {
“class”: “ms-bgColor-neutralLighterAlt”
},
“children”: [
{
“elmType”: “div”,
“style”: {
“text-align”: “left”
},
“children”: [
{
“elmType”: “div”,
“style”: {
“color”: “#333333”,
“font-size”: “16px”,
“font-weight”: “600”,
“margin-bottom”: “5px”
},
“txtContent”: “[$Title]”
}
]
}
]
}
]
}
}
Hi All,I’m not sure if anyone is experiencing this. I have some view formatting i have applied on my SharePoint list but its all appearing weird this morning. As anything changed from Microsoft. The below just use to the be small card with letters in it. Now suddenly its very large.How can I reduce the height and width of the card?Thanks in advance My Json below{
“$schema”: “https://developer.microsoft.com/json-schemas/sp/v2/tile-formatting.schema.json”,
“height”: “150”,
“width”: “600”,
“hideSelection”: false,
“formatter”: {
“elmType”: “div”,
“style”: {
“display”: “flex”,
“align-items”: “stretch”,
“margin-bottom”: “16px”,
“flex-grow”: “1”,
“justify-content”: “space-around”,
“padding”: “5px”
},
“children”: [
{
“elmType”: “div”,
“style”: {
“width”: “100%”,
“height”: “100%”,
“flex-wrap”: “wrap”,
“display”: “flex”,
“box-sizing”: “border-box”,
“padding”: “4px 8px 5px 8px”,
“border-radius”: “2px”
},
“attributes”: {
“class”: “ms-bgColor-neutralLighterAlt”
},
“children”: [
{
“elmType”: “div”,
“style”: {
“text-align”: “left”
},
“children”: [
{
“elmType”: “div”,
“style”: {
“color”: “#333333”,
“font-size”: “16px”,
“font-weight”: “600”,
“margin-bottom”: “5px”
},
“txtContent”: “[$Title]”
}
]
}
]
}
]
}
} Read More