Forum Discussion

patrickige's avatar
patrickige
Copper Contributor
Oct 30, 2024

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]"
              }
            ]
          }
        ]
      }
    ]
  }
}

Resources