[2.1.x] UX. Rethink component form layout

Created on 6 June 2025, 18 days ago

Problem/Motivation

In [ #3525836], there was some discussions about ComponentForm layout.

@duaelfr proposal: Nesting offset

Do you think we could offset elements a bit to the right to create some kind of "nested" effect?

It might help understand where a context starts.



(This obviously need a bit more love but I'm not a designer)

From an accessibility point of view, this "hierarchical" structure would need a more appropriate markup. We might want to use fieldsets and legends to do that (and that would help with the point above).

Other proposal: 2 cols layout

A 2 cols layout, with sources selector in the first col and sources forms in the second

However, there may be a (too) big offset if components are nested (which is possible only in slots, thanks to ComponentSource, so it may be mitigated) because we open a new 2 cols layout into the second col.

Careful

Christian warned us about horizontal space is precious in the layout builder sidebar. Similar proposals were discarded during the development of UO Patterns 2.0.0, but it is good to open the subject again, one year later.

📌 Task
Status

Active

Version

2.0

Component

Code

Created by

🇫🇷France pdureau Paris

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024