Dynamic tile size adjusting to the width of the images
{
“$schema”: “https://developer.microsoft.com/json-schemas/sp/v2/tile-formatting.schema.json”,
“height”: 250,
“width”: “auto”,
“hideSelection”: false,
“fillHorizontally”: true,
“formatter”: {
“elmType”: “div”,
“children”: [
{
“elmType”: “div”,
“children”: [
{
“elmType”: “div”,
“children”: [
{
“elmType”: “filepreview”,
“attributes”: {
“src”: “@thumbnail.large”
},
“style”: {
“height”: “250px”
}
}
]
}
]
}
]
}
}
this creates a standard size of the ms-list-cell for some reason instead of being dynamic the width is set at 268px and a flex property of 1.016 1.016 254px;
I’m trying to get an effect like the standard tiles without the file name over the image so the height is standard and the width is dynamic but I want to change the text.
{
“$schema”: “https://developer.microsoft.com/json-schemas/sp/v2/tile-formatting.schema.json”,
“height”: 250,
“width”: “auto”,
“hideSelection”: false,
“fillHorizontally”: true,
“formatter”: {
“elmType”: “div”,
“children”: [
{
“elmType”: “div”,
“children”: [
{
“elmType”: “div”,
“children”: [
{
“elmType”: “filepreview”,
“attributes”: {
“src”: “@thumbnail.large”
},
“style”: {
“height”: “250px”
}
}
]
}
]
}
]
}
} this creates a standard size of the ms-list-cell for some reason instead of being dynamic the width is set at 268px and a flex property of 1.016 1.016 254px;I’m trying to get an effect like the standard tiles without the file name over the image so the height is standard and the width is dynamic but I want to change the text. Read More