Pictures in Gallery view (Sharepoint modern pages)

Question

Many thanks for your efforts already in advance.

Problem setting on sharepoint modern pages:

a) List with a picture column --> works

b) Added picture as *.svg --> works

b) Display list in Default Gallery view --> works

c) Picture is displayed on the card too big and therefore, only partly visible. How and where do I resize the picture to be displayed optimally on the gallery card? --> my question

Many thanks!

OS

Answer 1

Please try following JSON codes to stretch image.

{  
  "elmType": "div",  
  "__comment": "Div 1",  
  "style": {  
    "flex-grow": "1",  
    "display": "flex",  
    "flex-direction": "column",  
    "flex-wrap": "nowrap",  
    "align-items": "stretch",  
    "max-width": "260px"  
  },  
  "children": [  
    {  
      "elmType": "img",  
      "style": {  
        "width": "260px",  
        "height": "160px"  
      },  
      "attributes": {  
        "src": "[$Picture]"  
      }  
    }  
  ]  
}  

---

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.