DataForm: replicate DocumentInspector in QuickEdit

[gigitux]

In the Site Editor, the Pages page is powered by the DataViews library. We are implementing the Detail Panel (aka Quick Edit) to allow users to edit one or more pages easily (#55101). This issue contains a list of the view/edit controls that we have to implement for this view:

• Title & Actions DataViews: Bootstrap Quick Edit #63600
• Featured Image QuickEdit: Add Featured Image Control #64496
• Status Add status to quick edit #64398
• Password QuickEdit: Add password field data to the pages quick edit #66567
• Date Quick edit: add Date as field and datetime as field type #64267
• Link QuickEdit: Add slug field control #65196
• Author DataForm: add author to quick edit page/post list #63983
• Template
• Discussion Add comment_status field to quick edit #64370
• Parent QuickEdit: Add Parent field #66527
• Order DataForm: replicate DocumentInspector in QuickEdit #64519 (comment)

[louwie17]

We may also want to add password, date, and allow comments to this list.
Although looks like date is already implemented: #64267

In addition the posts quick edit has Categories, and Tags as well.

[gigitux]

We may also want to add password, date, and allow comments to this list.
Although looks like date is already implemented: #64267

Thanks! Added!

In addition the posts quick edit has Categories, and Tags as well.

True, but Categories and Tags doesn't exist for the page post type:

[gigitux]

👋 Howdy @jameskoster!

I need your expertise with some UI/UX aspects for field controls. Here are the details:

Template Field Control

In the page editor, the template field control offers various options:

Screen.Capture.on.2024-09-10.at.15-53-32.mp4

Should we implement a similar design?

Password Field Control

The password field control is located in the status section of the page editor:

Screen.Capture.on.2024-09-10.at.15-55-30.mp4

Do you think it's worth replicating this functionality for the data view as well?

Thanks for your help!

[jameskoster]

Template Field Control

In terms of the quick-edit panel I think the only option that makes sense here is swapping the template. Would it be possible to hide the other options?

Do you think it's worth replicating this functionality for the data view as well?

Yes I think so. See #49012.

[gigitux]

In terms of the quick-edit panel I think the only option that makes sense here is swapping the template. Would it be possible to hide the other options?

Screen.Capture.on.2024-09-10.at.17-02-21.mp4

Should be this the experience?

Yes I think so. See #49012.

Great! 👍

Technically, those are two different fields of the page object. I'm wondering if this could be a good chance to explore the JSON Forms layout property: in particular way, the group layout.

cc @louwie17 @joshuatf

[jameskoster]

Should be this the experience?

I think we can try that to start, seeing as it already exists. Currently the previews are populated with content from the current page, do you have any idea how that might work in the context of bulk selection? Should we use the first item in the selection for the preview? Or not use any data in the preview (blocks will just display placeholder content).

[oandregal]

I've updated a bit the issue description and reworded the title so its focus is clearer.

[gigitux]

I marked as done the order field because we decided to keep it as an action in quick edit as well for now. You can find more details on this Slack thread: https://wordpress.slack.com/archives/C02QB2JS7/p1729765343839939