Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Image-grid is not displaying horizontally #885

Open
reshmee011 opened this issue Nov 21, 2024 · 3 comments
Open

Image-grid is not displaying horizontally #885

reshmee011 opened this issue Nov 21, 2024 · 3 comments
Labels
🐞 Bug Issue with one of the samples

Comments

@reshmee011
Copy link
Contributor

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 reshmee011 added the 🐞 Bug Issue with one of the samples label Nov 21, 2024
@Fedes365
Copy link
Contributor

Fedes365 commented Nov 21, 2024

@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.

@tecchan1107
Copy link
Collaborator

I saw that this issue has also been reported in the sp-dev-docs repository.
SharePoint/sp-dev-docs#10008

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

@aaclage
Copy link
Contributor

aaclage commented Nov 22, 2024

@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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐞 Bug Issue with one of the samples
Projects
None yet
Development

No branches or pull requests

4 participants