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

Data views: Refine field display in grid / list layouts #59885

Closed
jameskoster opened this issue Mar 14, 2024 · 1 comment
Closed

Data views: Refine field display in grid / list layouts #59885

jameskoster opened this issue Mar 14, 2024 · 1 comment
Labels
[Feature] Data Views Work surrounding upgrading and evolving views in the site editor and beyond [Type] Enhancement A suggestion for improvement.

Comments

@jameskoster
Copy link
Contributor

Outside of one or two exceptions all fields are treated equally in terms of display. This is okay in the current data views (pages, templates, patterns) where there aren’t many fields, and most are easy to interpret from the value alone.

However, if we created a data view for media today (#55238), based on the current conventions, here’s an example of how a card might look in Grid layout with all fields toggled on:

Grid

This is not great. The card lacks structure and it's not clear what fields some values relate to. E.g. you cannot tell at a glance which date is the upload date and which is the modified date.

The display in List layout is even worse 🙈 :

media

Potential solutions

These are initial sketches, we should continue to discuss in this issue.

Grid layout

Grid

For some values the field can be inferred without a label based on context. In the case of media that would be things like the file name/size/type/format/dimensions. For something like Users this might be the username or email address. These can be displayed together, close to the title and 'describe' the record. (For reference, this is similar to the uneditable meta section in the new Inspector designs (#59689)).

Beneath this any fields requiring a label appear, laid out according to the field value.

List layout

List

In the list layout it might be better to be more opinionated. For instance instead of allowing users to toggle all fields, perhaps only those that can be inferred contextually are included.

Let's discuss these concepts, and how they might be implemented.

@jameskoster jameskoster added [Type] Enhancement A suggestion for improvement. [Feature] Data Views Work surrounding upgrading and evolving views in the site editor and beyond labels Mar 14, 2024
@jameskoster
Copy link
Contributor Author

Closed by #60083 and #60284.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Data Views Work surrounding upgrading and evolving views in the site editor and beyond [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

1 participant