User story #2657
closedImprove web interface forms
Added by Jean VILVER over 12 years ago. Updated about 12 years ago.
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 |
Updated by Jean VILVER over 12 years ago
- File create_new_item_popup_error_before_after.png create_new_item_popup_error_before_after.png added
- File create_a_new_item_popup_before_after.png create_a_new_item_popup_before_after.png added
- File group_hierarchy_before_after.png group_hierarchy_before_after.png added
- File legend_padding_before_after.png added
- File reason_field_before_after.png reason_field_before_after.png added
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.
Updated by Jean VILVER over 12 years ago
This is started in ccfb0cd9e8227d09a4b7f4d3eddb8a1b0ea856a1.
There is an error in commit's description.
Updated by Jean VILVER over 12 years ago
- File deleted (
legend_padding_before_after.png)
Updated by Jonathan CLARKE over 12 years ago
These improvements looks awesome Jean, thank you very much!
Updated by Jonathan CLARKE over 12 years ago
- Target version changed from 47 to 50
Updated by Jonathan CLARKE over 12 years ago
- Target version changed from 50 to 2.4.0~beta3
Updated by Jean VILVER over 12 years ago
- Status changed from In progress to Pending technical review
- % Done changed from 0 to 100
Applied in changeset 0471e9ec137a3ddfd79dd792bf8b108fd22eb3c9.
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.
Updated by Nicolas CHARLES over 12 years ago
- Status changed from Pending technical review to 10
This looks correct, thank you Jean
Updated by Jonathan CLARKE about 12 years ago
- Status changed from 10 to Released