The gallery view in SharePoint is great, especially when used to show people. For example, I've created a New Hire list that is populated by a Powershell script that pulls in any new hires nightly. But the images for the people are tiny:
But it's SO CLOSE to what we're looking for!
So with a couple of quick edits, you can increase the size of those images.
- From your Views, select "Format the current view":
And then select on Card Designer, then Advanced Mode
"src": "=getUserImage([$personIterator.email], 'S')"
And replace the 'S' with an 'L' to bring back the bigger image.
Next, find the following block:
"forEach": "personIterator in [$NewHire]",
"elmType": "a",
"attributes": {
"class": "=if(loopIndex('personIterator') >= 5, 'sp-card-userContainer', 'sp-card-userContainer sp-card-keyboard-focusable')"
},
"style": {
"display": "=if(loopIndex('personIterator') >= 5, 'none', '')"
},
Add a width and height property to the style section to the size that you'd like the image to be:
"forEach": "personIterator in [$NewHire]",
"elmType": "a",
"attributes": {
"class": "=if(loopIndex('personIterator') >= 5, 'sp-card-userContainer', 'sp-card-userContainer sp-card-keyboard-focusable')"
},
"style": {
"display": "=if(loopIndex('personIterator') >= 5, 'none', '')",
"width": "100px",
"height": "100px"
},
Pasted this JSON back in, save the view and you should be all set!
