sp-dev-docs icon indicating copy to clipboard operation
sp-dev-docs copied to clipboard

SP List Form configured with JSON fails to render multiple columns

Open anthonyg2003 opened this issue 1 year ago • 1 comments

When viewing a SharePoint List Item form, with JSON custom formatting applied to the body, the multiple-column display does not render when the browser viewport exceeds 1919px.

When viewport width > 1919px: image

When viewport <=1919px: image

My screen is a 27" UHD in 3840 x 2160 resolution, and the rendered layout switches from multi-column to single-column when the browser's viewport width is greater than 1919px.

Keeping the screen resolution the same, but changing the browser's viewport width by zooming the browser also will flip the multi-column rendering. I also changed the screen's resolutions to FHD and QHD with the same issue occurring at viewport width > 1919px.

OS: Windows 11 Browser: Tested in Chrome and Edge (Version 127.0.2651.74) SharePoint 365 Version: 16.0.0.25110

Here is gif showing the issue:

SP List Form Multi-Column


Document Details

Do not edit this section. It is required for learn.microsoft.com ➟ GitHub issue linking.

anthonyg2003 avatar Jul 27 '24 13:07 anthonyg2003

Thanks for reporting the issue. This has been fixed and should reach to prod in 2-3 weeks.

jgupta-msft avatar Oct 14 '24 15:10 jgupta-msft

Hello @anthonyg2003, Thank You for your patience. Is the issue resolved now?

Amey-MSFT avatar Apr 30 '25 03:04 Amey-MSFT

We are closing this issue for now. If the problem persists, feel free to reopen it or open a new one.

Amey-MSFT avatar Jul 07 '25 10:07 Amey-MSFT