search

SharePoint / sp-dev-docs

SharePoint & Viva Connections Developer Documentation
https://docs.microsoft.com/en-us/sharepoint/dev/
Creative Commons Attribution 4.0 International
1.25k stars 1.02k forks source link

List View Formatting - Flex behavior on rowFormatter not functioning row to row #10008

Open a-monkey-smith opened 2 weeks ago

a-monkey-smith commented 2 weeks ago

What type of issue is this?

Question

What SharePoint development model, framework, SDK or API is this about?

Declarative list formatting

Target SharePoint environment

SharePoint Online

What browser(s) / client(s) have you tested

Additional environment details

No response

Issue description

New list updates broke this formatting sample among others. The flex box behavior is no longer functioning between items. So the items stack rows instead of flexing to the right. See photo. Obviously, we can figure out something with tile views, but I'm wondering if it's necessary. Is the intended endpoint that the float is no longer going to work this way? Or do we just need to remain patient?

image

aaclage commented 2 weeks ago

Dear @a-monkey-smith,

Also face the same type of issue, What i have done was to replace the List View formatting to be used in "View" > create View Gallery, it's not perfect, but could do the job. You will need to manage the height and width of the card.

MissHerku commented 2 weeks ago

Would be great with some insight on this. If it's intentional I am surprised by the lack of communication, since almost every single sample online uses the list view, when doing tile-like formatting. So a lot of formatting must be broken...

Personally I have switched all my views to the tile view (At least after they fixed this bug), but it has required some modification as the json behaves a bit different within the two. I did it because I assumed that the change is intentional and that they're cleaning up the schema. It does kind of make sense that you choose between list and tile and then that defines how items are stacked.

Ajdamec commented 1 week ago

I have the same problem, in dev tools it shows me above my code element <\cf-view>\ image