Set limited image size in Sharepoint Lists ?

Question

Set limited image size in Sharepoint Lists ?

SANG BUI1127 101

Need help on setting limited image size in Sharepoint Lists (Image Column ) . Please show me the way to set it.

Thank you very much.

1 answer

Your answer

Answer 1

Yi Lu_MSFT 17,616

Hi @SANG BUI1127
You could use column formatting to change the picture size:

{  
  "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json",  
  "elmType": "div",  
  "children": [  
    {  
      "elmType": "img",  
      "attributes": {  
        "src": "@currentField.serverRelativeUrl",  
        "title": "=if(@currentField.serverRelativeUrl == '', 'No picture available', @currentField)"  
      },  
      "style": {  
        "position": "relative",  
        "width": "300px",  
        "height": "300px",  
  
        "margin-top": "0%"  
      }  
    }  
  ]  
}

As a result, the image size has been added, you could change the parameter in "width": "300px" and "height": "300px" as you need.

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

SANG BUI1127 101 Reputation points

2022-05-30T09:21:40.187+00:00

Hi @Yi Lu_MSFT,

Thanks for your help.

i use your provide code but i can still upload image with Width and Height larger than 300px.

Is there any way to limit Width & Height only smaller than 300px can upload, Yi Lu MSFT ?
SANG BUI1127 101 Reputation points

2022-05-30T10:34:47.537+00:00

When i paste your code, i received this error:
Yi Lu_MSFT 17,616 Reputation points

2022-05-31T07:32:08.147+00:00

Hi @SANG BUI1127
Could you let me know the whole operation you did?

Per my test, if I do not use the code, the image size would be:

When I use column formatting in the image column:

The picture will be larger:
Yi Lu_MSFT 17,616 Reputation points

2022-06-01T08:01:27.7+00:00

Hi @SANG BUI1127
I am checking to see whether this issue has been resolved. If you have any questions or progress, you can contact me in time.
Yi Lu_MSFT 17,616 Reputation points

2022-06-07T01:23:05.21+00:00

Hi @SANG BUI1127
Would you please provide some update of this issue? Please feel free to reply.

Share via

Set limited image size in Sharepoint Lists ?

1 answer

Your answer