Forum Discussion
How to customize gallery card view of a list?
Hi,
While I know how to change the overall height and width of the gallery card, what JSON changes are needed to change the visible image area height? Is the image resized to fit the graphic area?
Why are words in my description field chopped? The column is a plain text field. Thanks.
Vanessa Martin9 Cannot tell which element applying this background color by looking at the JSON.
I am guessing this part of code is applying it:
But, you will have to inspect it and see exactly which element classes are applying this background and try removing them. You can inspect elements on page like:
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
For SharePoint/Power Platform blogs, visit: Ganesh Sanap Blogs
6 Replies
Vanessa Martin9 If you open Gallery view JSON in advanced mode, you will see img element in JSON. This is where you have to make changes to height/width properties to change size of image on gallery view card:
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
For SharePoint/Power Platform blogs, visit: Ganesh Sanap Blogs
- @geneshsanap, while that reduces the size of the image, the holding section (grey background) remains the same height.
Vanessa Martin9 For changing size of that section, you have to change the styles of next sibling div element from img element:
Please click Mark as Best Response & Like if my post helped you to solve your issue. This will help others to find the correct solution easily. It also closes the item. If the post was useful in other ways, please consider giving it Like.
For SharePoint/Power Platform blogs, visit: Ganesh Sanap Blogs
- I discovered how to stop the word chopping: word-break: normal.
I still need help with the image size.
