Project

General

Profile

Actions
Copy link

User story #2657

closed

Improve web interface forms

Added by Jean VILVER over 12 years ago. Updated about 12 years ago.

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

Files

Download all files
create_new_item_popup_error_before_after.png (38.4 KB) create_new_item_popup_error_before_after.png Jean VILVER, 2012-07-16 16:46
create_a_new_item_popup_before_after.png (34.1 KB) create_a_new_item_popup_before_after.png Jean VILVER, 2012-07-16 16:46
group_hierarchy_before_after.png (14.3 KB) group_hierarchy_before_after.png Jean VILVER, 2012-07-16 16:46
reason_field_before_after.png (13.1 KB) reason_field_before_after.png Jean VILVER, 2012-07-16 16:46
Actions
Copy link Download all files
 #1

Updated by Jean VILVER over 12 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
Copy link
 #2

Updated by Jean VILVER over 12 years ago

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

Actions
Copy link
 #3

Updated by Jean VILVER over 12 years ago

  • File deleted (legend_padding_before_after.png)
Actions
Copy link
 #4

Updated by Jonathan CLARKE over 12 years ago

These improvements looks awesome Jean, thank you very much!

Actions
Copy link
 #5

Updated by Jonathan CLARKE over 12 years ago

  • Target version changed from 47 to 50
Actions
Copy link
 #6

Updated by Jonathan CLARKE over 12 years ago

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

Updated by Jean VILVER over 12 years ago

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

Updated by Jean VILVER over 12 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
Copy link
 #9

Updated by Nicolas CHARLES over 12 years ago

  • Status changed from Pending technical review to 10

This looks correct, thank you Jean

Actions
Copy link
 #10

Updated by Jonathan CLARKE about 12 years ago

  • Status changed from 10 to Released
Actions
Copy link

Also available in: Atom PDF