Improve the filter section on the PII API field list

Created on 28 June 2025, about 4 hours ago

Problem/Motivation

There are a few things that are suboptimal about the filter section on the PII API field list page:

  • Strictly speaking the user is not "searching" but filtering aka narrowing down an existing list. therefore the label of the input field search is sort of inaccurate and also unspecific what kind of information could be entered there to filter for.
  • The primary button label is sort of inconsistent with other pages that employ a filter section.
  • The filter section takes up a lot of the vertical view port - close to half of the visible view port after page load is just the filter section, the select fields stacked onto each other is consuming a lot of space :/
  • The checkbox label Filter out Entities where all fields are not configured is hard to comprehend
  • The select boxes used on filters in core don't communicated that they are scrollable in case there are more options available than visible - but that is something out of the scope of this issue but rather an issue for core in general

Steps to reproduce

Proposed resolution

A few initial suggestions and ideas:

  • Change the field label from Search to Name as a pointer what kind of information is filtered for in that input field.
  • Change the primary button label from Apply to Filter to label the CTA more clearly and specifically
  • If possible, instead of a block display the input field and select boxes, go with an inline display to use up less vertical space.
  • Instead of using checkbox for choosing if entities not configured at all should be hidden or shown, maybe consider adding a fourth select field instead. That way you could provide more filtering options and in consequence more flexibility. I am not sure about the exact micro copy yet, but the label could be something like Configured or Configured entity. And the option could be something like Not configured, Partially, Fully

Remaining tasks

User interface changes

API changes

Data model changes

📌 Task
Status

Active

Component

User interface

Created by

🇩🇪Germany rkoller Nürnberg, Germany

Live updates comments and jobs are added and updated live.
  • Usability

    Makes Drupal easier to use. Preferred over UX, D7UX, etc.

Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024