0

I am using JSON to format the Gallery (Tiles) view of my SharePoint Online list. For some reason, changing the height of a tile affects width too. How do I change the height only?

This is how the beginning of my JSON code looks like:

{
    "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/tile-formatting.schema.json",
    "height": 700,
    "width": 254,
    ...
}

Edit: Added screenshots (had to blur out the confidential data sorry, but I think you can still see the difference).

The first image is:

"height": 700,
"width": 254,

The second image is:

"height": 600,
"width": 254,

First image

Second image

1 Answer 1

0

Try removing fillHorizontally property from JSON OR setting it to false like:

"fillHorizontally": false,

enter image description here


I just tested this on our SharePoint online list gallery view and changing the height of tile does not change the width of the tile.

Here are the results:

When height is equal to 200:

enter image description here

When height is equal to 350:

enter image description here

8
  • Thanks Ganesh but it didn't work (neither setting the value to "false" nor deleting the property completely).
    – Lukas
    Aug 22, 2023 at 9:36
  • Can you add screenshots to your question to show us how the width is changing when height is changed? Aug 22, 2023 at 9:37
  • I added the images, hopefully you can see the difference. Also, changing the width value does nothing.
    – Lukas
    Aug 22, 2023 at 10:47
  • After removing fillHorizontally, try setting min-width and max-width properties to fixed value instead of just width property once. Aug 22, 2023 at 11:02
  • 1
    No problem. I am unable to reproduce your issue so can't help further as well. Width is not changing in my case (maybe because I am using content with less characters). I will have to do more tests with longer texts inside the tiles in gallery view. Aug 22, 2023 at 12:48

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.