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

minor improvements to arg form validation UI #912

Closed
emlys opened this issue Mar 22, 2022 · 2 comments · Fixed by #1614
Closed

minor improvements to arg form validation UI #912

emlys opened this issue Mar 22, 2022 · 2 comments · Fixed by #1614
Assignees
Labels
enhancement New feature or request good first issue Good for new members of the software team workbench For issues relating to the workbench front-end of invest
Milestone

Comments

@emlys
Copy link
Member

emlys commented Mar 22, 2022

Just some thoughts on improving how this looks:

image

  • The first message should say "write access", not "w access"
  • The message for a directory should say "access to this directory", not "this file"
  • The input type should not be repeated in the validation message. Instead of "directory: Input is required but has no value", just say "Input is required but has no value"
  • The message should be left-justified in line with the left edge of the input box
  • The input label should be vertically centered relative to the input box, not including the validation message. As it currently is, when a validation message appears, the input label moves down to re-center itself relative to the row. That's a little visually distracting.
  • It would look more consistent if the dropdown box was outlined in green, indicating that whatever selected option is valid.
  • The dropdown arrow V is a little too close to the right edge of the box (not consistent with the other margins)
  • It could be nice to use switches instead of yes/no radio buttons for boolean inputs.
@emlys emlys added enhancement New feature or request workbench For issues relating to the workbench front-end of invest labels Mar 22, 2022
@natcap-bot natcap-bot added the good first issue Good for new members of the software team label Jul 17, 2024
@davemfish
Copy link
Contributor

The input type should not be repeated in the validation message. Instead of "directory: Input is required but has no value", just say "Input is required but has no value"

I think the type hint is potentially useful to keep in the message. It's redundant when the form field is already showing it as the placeholder text, but it's not redundant if the field contains other text.

It could be nice to use switches instead of yes/no radio buttons for boolean inputs.

I believe we already changed to switches

All the other suggestions sound like good ones to me!

@davemfish davemfish assigned davemfish and unassigned davemfish Aug 13, 2024
@emilyanndavis emilyanndavis self-assigned this Aug 13, 2024
emilyanndavis added a commit to emilyanndavis/invest that referenced this issue Aug 15, 2024
@emilyanndavis
Copy link
Member

The input type should not be repeated in the validation message. Instead of "directory: Input is required but has no value", just say "Input is required but has no value"

I think the type hint is potentially useful to keep in the message. It's redundant when the form field is already showing it as the placeholder text, but it's not redundant if the field contains other text.

This is a good point, and a great illustration of the potential pitfalls of using placeholders in form fields. As we decided together in our conversation on this topic, I've removed the input type from the validation message and instead added it to the label, where it will appear in parentheses, e.g., Workspace (directory) or Area Of Interest (vector, _optional_). This will ensure this helpful info persists in the UI regardless of interaction state.

I've left the placeholders as they are, but we can certainly discuss updating or removing them if we find they're unnecessarily redundant!

@emilyanndavis emilyanndavis added this to the 3.14.3 milestone Oct 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request good first issue Good for new members of the software team workbench For issues relating to the workbench front-end of invest
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants