List Formatting Update memo Feb. 2022 - Mar. 2022

This is a summary of memos regarding the update of List Formatting.

getThumbnailImage operator

getThumbnailImage operator has been added to List Formatting🖼️https://t.co/bTYmVdpeCw#SharePoint #MicrosoftLists #ListFormatting pic.twitter.com/dJUfpza7S0

— てっちゃん (Tetsuya Kawahara) (@techan_k) 2022年2月19日

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "div",
  "children": [
    {
      "elmType": "img",
      "attributes": {
        "src":"=getThumbnailImage([$Image],300,300)"
      }
    }
  ]
}

docs.microsoft.com

"elmType" : "filepreview"

✨✨List Formatting Update✨✨
The elmType property can now be set to filepreview!!https://t.co/wzj2eCvApD#SharePoint #MicrosoftLists #ListFormatting pic.twitter.com/Y0Z5kiIeL9

— てっちゃん (Tetsuya Kawahara) (@techan_k) 2022年3月2日

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
  "elmType": "filepreview",
  "attributes": {
    "src": "@thumbnail.large"
  },
  "filePreviewProps": {
    "fileTypeIconStyle": {
      "background-color": "blue"
    },
    "brandTypeIconStyle": {
      "width": "30px",
      "height": "30px",
      "border": "1px solid",
      "background-color": "pink"
    }
  }
}

docs.microsoft.com

Customize Command bar

✨✨List Formatting Update✨✨
Command bar can now be edited in View Formatting!!https://t.co/THKF863EBY#SharePoint #MicrosoftLists #ListFormatting pic.twitter.com/RpbpgfvTOl

— てっちゃん (Tetsuya Kawahara) (@techan_k) 2022年3月2日

{
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/row-formatting.schema.json",
  "commandBarProps": {
    "commands": [
      {
        "key": "new",
        "hide": true
      },
      {
        "key": "editInGridView",
        "text": "Quick edit",
        "iconName": "HeartFill",
        "primary": true
      },
      {
        "key": "share",
        "hide": true
      },
      {
        "key": "export",
        "hide": true
      }
    ]
  }
}

docs.microsoft.com