Created
November 4, 2020 23:44
-
-
Save joegasper/d3ac1f29a5eebe06e1435cff56f9e828 to your computer and use it in GitHub Desktop.
MS Lists - Asset manager Asset gallery JSON code as of 11/4/2020 - fixed for Device Photo
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "tileProps": { | |
| "height": 480, | |
| "width": 254, | |
| "hideSelection": false, | |
| "formatter": { | |
| "elmType": "div", | |
| "style": { | |
| "padding": "10px", | |
| "height": "100%", | |
| "overflow": "hidden", | |
| "box-sizing": "border-box" | |
| }, | |
| "children": [ | |
| { | |
| "elmType": "div", | |
| "attributes": { | |
| "class": "ms-bgColor-white sp-css-borderColor-neutralLight" | |
| }, | |
| "style": { | |
| "box-sizing": "border-box", | |
| "box-shadow": "0 1.6px 3.6px 0 rgba(0, 0, 0, 0.132), 0 0.3px 0.9px 0 rgba(0, 0, 0, 0.108)", | |
| "border-radius": "2px", | |
| "height": "100%", | |
| "width": "100%", | |
| "display": "flex", | |
| "flex-direction": "column", | |
| "overflow": "hidden", | |
| "word-break": "break-all", | |
| "border-width": "1px", | |
| "border-style": "solid" | |
| }, | |
| "children": [ | |
| { | |
| "elmType": "div", | |
| "style": { | |
| "margin": "10px 15px" | |
| }, | |
| "children": [ | |
| { | |
| "elmType": "div", | |
| "style": { | |
| "margin": "-10px -15px" | |
| }, | |
| "children": [ | |
| { | |
| "elmType": "div", | |
| "attributes": { | |
| "class": "ms-bgColor-neutralLight" | |
| }, | |
| "style": { | |
| "height": "200px", | |
| "width": "100%", | |
| "display": "flex", | |
| "justify-content": "center", | |
| "border-top-left-radius": "4px", | |
| "border-top-right-radius": "4px" | |
| }, | |
| "children": [ | |
| { | |
| "elmType": "img", | |
| "attributes": { | |
| "src": "=if([$DevicePhoto] == '', '', [$DevicePhoto.serverRelativeUrl])", | |
| "title": "=if([$DevicePhoto] == '', '', [$DevicePhoto.fileName])", | |
| "class": "sp-card-imagePreview" | |
| }, | |
| "style": { | |
| "margin": "0 auto", | |
| "height": "200px" | |
| } | |
| } | |
| ] | |
| } | |
| ] | |
| } | |
| ] | |
| }, | |
| { | |
| "elmType": "div", | |
| "style": { | |
| "margin": "10px 15px" | |
| }, | |
| "children": [ | |
| { | |
| "elmType": "div", | |
| "attributes": { | |
| "class": "ms-fontColor-neutralSecondaryAlt" | |
| }, | |
| "style": { | |
| "height": "20px", | |
| "overflow": "hidden", | |
| "line-height": "20px", | |
| "font-size": "12px", | |
| "min-height": "20px", | |
| "text-overflow": "ellipsis", | |
| "white-space": "nowrap" | |
| }, | |
| "txtContent": "Asset tag " | |
| }, | |
| { | |
| "elmType": "div", | |
| "attributes": { | |
| "title": "[$Title]", | |
| "class": "ms-fontColor-neutralPrimary" | |
| }, | |
| "style": { | |
| "height": "20px", | |
| "overflow": "hidden", | |
| "line-height": "20px", | |
| "text-overflow": "ellipsis", | |
| "white-space": "nowrap" | |
| }, | |
| "txtContent": "[$Title]" | |
| } | |
| ] | |
| }, | |
| { | |
| "elmType": "div", | |
| "style": { | |
| "margin": "10px 15px" | |
| }, | |
| "children": [ | |
| { | |
| "elmType": "div", | |
| "attributes": { | |
| "class": "ms-fontColor-neutralSecondaryAlt" | |
| }, | |
| "style": { | |
| "height": "20px", | |
| "overflow": "hidden", | |
| "line-height": "20px", | |
| "font-size": "12px", | |
| "min-height": "20px", | |
| "text-overflow": "ellipsis", | |
| "white-space": "nowrap" | |
| }, | |
| "txtContent": "Model " | |
| }, | |
| { | |
| "elmType": "div", | |
| "attributes": { | |
| "title": "[$Model]", | |
| "class": "ms-fontColor-neutralPrimary" | |
| }, | |
| "style": { | |
| "height": "20px", | |
| "overflow": "hidden", | |
| "line-height": "20px", | |
| "text-overflow": "ellipsis", | |
| "white-space": "nowrap" | |
| }, | |
| "txtContent": "[$Model]" | |
| } | |
| ] | |
| }, | |
| { | |
| "elmType": "div", | |
| "style": { | |
| "margin": "10px 15px" | |
| }, | |
| "children": [ | |
| { | |
| "elmType": "div", | |
| "attributes": { | |
| "class": "ms-fontColor-neutralSecondaryAlt" | |
| }, | |
| "style": { | |
| "height": "20px", | |
| "overflow": "hidden", | |
| "line-height": "20px", | |
| "font-size": "12px", | |
| "min-height": "20px", | |
| "text-overflow": "ellipsis", | |
| "white-space": "nowrap" | |
| }, | |
| "txtContent": "Asset type " | |
| }, | |
| { | |
| "elmType": "div", | |
| "attributes": { | |
| "title": "[$AssetType]", | |
| "class": "ms-fontColor-neutralPrimary" | |
| }, | |
| "style": { | |
| "height": "20px", | |
| "overflow": "hidden", | |
| "line-height": "20px", | |
| "text-overflow": "ellipsis", | |
| "white-space": "nowrap" | |
| }, | |
| "txtContent": "[$AssetType]" | |
| } | |
| ] | |
| }, | |
| { | |
| "elmType": "div", | |
| "style": { | |
| "margin": "10px 15px" | |
| }, | |
| "children": [ | |
| { | |
| "elmType": "div", | |
| "attributes": { | |
| "class": "ms-fontColor-neutralSecondaryAlt" | |
| }, | |
| "style": { | |
| "height": "20px", | |
| "overflow": "hidden", | |
| "line-height": "20px", | |
| "font-size": "12px", | |
| "min-height": "20px", | |
| "text-overflow": "ellipsis", | |
| "white-space": "nowrap" | |
| }, | |
| "txtContent": "Status " | |
| }, | |
| { | |
| "elmType": "div", | |
| "attributes": { | |
| "title": "[$Status]", | |
| "class": "ms-fontColor-neutralPrimary" | |
| }, | |
| "style": { | |
| "height": "20px", | |
| "overflow": "hidden", | |
| "line-height": "20px", | |
| "text-overflow": "ellipsis", | |
| "white-space": "nowrap" | |
| }, | |
| "txtContent": "[$Status]" | |
| } | |
| ] | |
| } | |
| ] | |
| } | |
| ], | |
| "templateId": "TileDesigner100" | |
| }, | |
| "designerConfig": [ | |
| 1, | |
| 1, | |
| "DevicePhoto", | |
| 0, | |
| "LinkTitle", | |
| 0, | |
| "Model", | |
| 0, | |
| "AssetType", | |
| 0, | |
| "Status" | |
| ] | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment