Skip to content

Advancing the Pages data view #66570

@jameskoster

Description

@jameskoster

List layout

Image

  • Simplified design: puts greater emphasis on preview, optimises for displaying more rows, makes each item feel more like a clickable button.
  • Use an icon instead of the featured image. Special pages marked e.g. Homepage with a unique icon.
  • Hide all fields except title by default.
  • Add quick edit (there’s a PR for this).
  • Consider removing the author avatar and status icon when those fields are visible (they're a bit distracting with the new per-page icons, and the status icons are repeated in the sidebar creating some tension).
  • Visualise hierarchy, including search.
  • Allow fields to specify that their name should be displayed when that field is toggle on.

Table layout

Image

In both List and Table layout we should show the parent page in search results. One way to do this could be through a 'Parent' field that is automatically made visible when the search result includes children. In order for this to work we'd need to update List layout so that fields are able to specify that the field name should be included additional to the value. Here's a mockup:

Image

General

  • Show counts in sidebar.
  • Trashing – make a decision on whether to remove the confirm dialog
  • Permanently deleting – add confirm dialog

Fields + Filters

  • Add date filter
  • Add discussion filter
  • Add a field to show number of comments
  • Add filter for number of comments (could be a boolean initially)

Homepage UX

Note

I acknowledge that some of the updates to list layout will also affect the Templates page, plus any third party consumers of the data views component. Let's discuss how to implement with minimal disruption.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Needs Design FeedbackNeeds general design feedback.[Feature] DataViewsWork surrounding upgrading and evolving views in the site editor and beyond[Type] EnhancementA suggestion for improvement.

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions