Project

General

Profile

Actions

User story #2657

closed

Improve web interface forms

Added by Jean VILVER over 11 years ago. Updated over 11 years ago.

Status:
Released
Priority:
N/A
Assignee:
Jean VILVER
Category:
Web - UI & UX
Target version:
UX impact:
Suggestion strength:
User visibility:
Effort required:
Name check:
Fix check:
Regression:

Files

Updated by Jean VILVER over 11 years ago

Some UI improvements:

Note:
- Most of the changes are affecting multiple parts of the UI, not only those in the screenshots.
- On the left there is the view before, on the right the view after.

Improve forms display:

- Radio labels (Group, Category, etc.) are now clickable and allow to select the radio input.

- All inputs' have the same display (i.e.: "Name: *" or "Description:" in bold).
If we want to change that behavior, we'll just have to change a method in the base class (RudderBaseField).

- When a input need to pass validations, his label have a asterisk append to it.
(i.e.: "Name: *").

- The margin between inputs are increased in all forms

- Increase padding in legend in fieldsets

Improve error display in forms:

- The error message is correctly aligned with the input

- When a error is detected, the input's border is red

Move create new item button:

Refactoring

The refactoring only affect the UI.

See commits for details.

Actions #2

Updated by Jean VILVER over 11 years ago

This is started in ccfb0cd9e8227d09a4b7f4d3eddb8a1b0ea856a1.
There is an error in commit's description.

Actions #3

Updated by Jean VILVER over 11 years ago

  • File deleted (legend_padding_before_after.png)
Actions #4

Updated by Jonathan CLARKE over 11 years ago

These improvements looks awesome Jean, thank you very much!

Actions #5

Updated by Jonathan CLARKE over 11 years ago

  • Target version changed from 47 to 50
Actions #6

Updated by Jonathan CLARKE over 11 years ago

  • Target version changed from 50 to 2.4.0~beta3
Actions #7

Updated by Jean VILVER over 11 years ago

  • Status changed from In progress to Pending technical review
  • % Done changed from 0 to 100
Actions #8

Updated by Jean VILVER over 11 years ago

  • Subject changed from Improve web interface and refactoring to Improve web interface forms

I won't put in this ticket all the enhancements in the web interface. I rather have a clear topic/ticket for each of them. Hence, the name change of this ticket.

Actions #9

Updated by Nicolas CHARLES over 11 years ago

  • Status changed from Pending technical review to 10

This looks correct, thank you Jean

Actions #10

Updated by Jonathan CLARKE over 11 years ago

  • Status changed from 10 to Released
Actions

Also available in: Atom PDF