Power App Forms: Image Sizes in SharePoint List View

(1) Share

Report

Posted on by LK-14111526-0

Hallo,

I'm using a Sharepoint List that collects photos taken with a Power App form.

With newer records it's not possible to show an image in full size with the preview (double tap in list view) - it only shows the thumbnail. With older records I'd get the full resolution...

The only option currently is the details tab (right click on the record in list view -> details) to get a usable preview when double clicking the uploaded file.

Is there an easier option to preview the images?

Best,

Lukas

Categories:

Governance & administering

I have the same question (0)

All responses (4)

Answers (0)

WarrenBelz 153,059 Most Valuable Professional on at

Like (0)

Report

Hi LK-14111526-0

Are you referring to the SharePoint Library interface here ? I get full resolution images with a double-click on photos taken yesterday.

Was this reply helpful? Yes No
Suggested answer

LK-14111526-0 4 on at

Like (0)

Report

Hi WarrenBelz,

I'm referring to a SharePoint List where the images are being uploaded to.

In Power App I'm using a form where the pictures are being taken.

Older records show the images in full size, while with newer records only the thumbnail is shown when double clicking.

As mentioned - the only workaround I've found is using the details side tab...

Was this reply helpful? Yes No
ronaldwalcott 3,847 Super User 2025 Season 2 on at

Like (0)

Report

Do you mean clicking in this view?

Was this reply helpful? Yes No
Suggested answer

ronaldwalcott 3,847 Super User 2025 Season 2 on at

Like (0)

Report

You could display it like this

by choosing format this column

and adding some json similar to

{
"$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",
"elmType": "img",
"attributes": {
"src": "=getThumbnailImage(@currentField, 500, 500)"
},
"style": {
"width": "600px",
"padding": "5px"
},
"customCardProps": {
"formatter": {
"elmType": "div",
"style": {
"padding": "15px 45px 15px 15px"
},
"children": [
{
"elmType": "img",
"attributes": {
"src": "=getThumbnailImage(@currentField, 500, 500)"
},
"style": {
"width": "600px",
"padding": "5px"
}
}
]
},
"openOnEvent": "hover",
"directionalHint": "rightCenter",
"isBeakVisible": true,
"beakStyle": {
"backgroundColor": "white"
}
}
}

Was this reply helpful? Yes No