List-Formatting icon indicating copy to clipboard operation
List-Formatting copied to clipboard

Image-grid is not displaying horizontally

Open reshmee011 opened this issue 1 year ago • 4 comments

Sample (which sample are you having trouble with)

Image Grid https://github.com/pnp/List-Formatting/tree/master/view-samples/image-grid

What Should Happen

Displays image horizontally

What Actually Happens

It was correctly displaying the images horizontally across the section, then wrapping to the next line once it filled the section width. Now it is displaying them in a single vertical row.
image

Any options how it can be fixed.

reshmee011 avatar Nov 21 '24 17:11 reshmee011

@reshmee011 as far as I know, it's a problem related to "float": "left", used by another sample to create a column graph. Basically, the new Microsoft Lists UI doesn't allow this CSS trick anymore. I will test again with your sample to see if any workaround is available.

Fedes365 avatar Nov 21 '24 19:11 Fedes365

I saw that this issue has also been reported in the sp-dev-docs repository. https://github.com/SharePoint/sp-dev-docs/issues/10008

I suspect it was caused by an Microsoft Lists update. At this time, I haven’t figured out how to fix it...

tecchan1107 avatar Nov 21 '24 21:11 tecchan1107

@reshmee011 I had this issue, my recommendation would be update document to use List View > Gallery plus adjust the height and weight as possible workaround.

aaclage avatar Nov 22 '24 07:11 aaclage

oh no, I love this view, it was the best! I'm not clever enough to figure a work around.

Belinda-dot avatar Dec 18 '24 17:12 Belinda-dot

oh no, I love this view, it was the best! I'm not clever enough to figure a work around.

hi @Belinda-dot i have updated sample to include tile/gallery option.

ValerasNarbutas avatar Jul 30 '25 10:07 ValerasNarbutas