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)"
}
}
]
}
"elmType" : "filepreview"
✨✨List Formatting Update✨✨
— てっちゃん (Tetsuya Kawahara) (@techan_k) 2022年3月2日
The elmType property can now be set to filepreview!!https://t.co/wzj2eCvApD#SharePoint #MicrosoftLists #ListFormatting pic.twitter.com/Y0Z5kiIeL9
{
"$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"
}
}
}
Customize Command bar
✨✨List Formatting Update✨✨
— てっちゃん (Tetsuya Kawahara) (@techan_k) 2022年3月2日
Command bar can now be edited in View Formatting!!https://t.co/THKF863EBY#SharePoint #MicrosoftLists #ListFormatting pic.twitter.com/RpbpgfvTOl
{
"$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
}
]
}
}
