Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

[Form] Improve form debugger UI/UX #9123

Copy link
Copy link
Closed
@webmozart

Description

@webmozart
Issue body actions

I would like to improve the UI/UX of the form debugger in various aspects. For reference, here is the current UI:

form-debugger-2

The following features should be added:

  • The form tree on the left should be collapsible using Javascript. By default, only the first level of forms should be visible, i.e. "form", "title", "publishAt", "category", "author", "submit" and "_token". The lower layers should be collapsed by default. Ideally, the browser should remember which layers were collapsed and which not.
  • The headers "Default Data", "Submitted Data", "Passed Options", "Resolved Options" and "View Variables" should be collapsible. By default, "Resolved Options" and "View Variables" should be collapsed. Again, the browser should remember which headers were expanded and collapsed even when switching the form node in the tree to the left or when reloading the page.
  • The form tree to the left should mark erroneous fields with a small red badge showing the number of errors (similar to the green badge next to "FORMS" in the main menu. The "Errors" section to the right (not visible in the screenshot) should then be highlighted in some way (e.g. red frame and background, not sure..)

That's all I can think of for now. :)

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions

      Morty Proxy This is a proxified and sanitized view of the page, visit original site.