Attribute Dialog UX improvments 2022 aug

Description

we decide to improve attribute dialog:

  • make attribute dialog scrollable allow show many attributes - for use case, when many parameters needs to be entered - ATM at given high not possible to enter

    • scrhenshots illustrating increasing attributes in dialog. 2nd screen don’t allow enter more then available space. => improvement - scrolling should resolve it.

  • main buttons and dropdown, description => moved to sticket top panel

    • change add button to regular + icon

    • edit checkbox replace with icon Edit - in state saved SAVE icon when edit state

Environment

None

Attachments

4
  • 05 Aug 2022, 08:38 AM
  • 05 Aug 2022, 08:38 AM
  • 01 Aug 2022, 11:07 AM
  • 01 Aug 2022, 11:07 AM

Activity

Show:

Peter Takacs August 8, 2022 at 9:33 AM
Edited

Hi team! I reverted the ‘small UX improvement’ commit then, + 1 addition: all labels are now aligned right (Serial No, Guarantee Date, Description…)

Carlos Ruiz August 5, 2022 at 8:38 AM

Hi - I installed the pull request in https://test-feature.idempiere.org:3243/webui/

This is the old vs new (test-oracle vs test-feature):

New ASI:

  • test-oracle - the New Record toggle makes the fields editable or read-only - there is not a New button

  • test-feature - the button New Record does nothing, as it has a save icon is confusing for users because the record is really saved with the OK button below

 

Edit ASI:

  • test-oracle - the Edit Record toggle makes the fields editable or read-only - there is not a New button

  • test-feature - the button Edit Record does nothing, the record is simply not editable at all

So, my suggestion, simply revert the part changing the flags to buttons, for me the other changes are OK (the added scrollbar is necessary).

Regards,

Carlos Ruiz

Heng Sin Low August 5, 2022 at 6:01 AM
Edited

, the “Edit” checkbox to button change is a bad one. The “Edit” checkbox just act as a toggle between view and edit mode, you change it to a push button but it still just act a toggle. Also, the change of the button’s icon to “Save” icon when it is in edit mode doesn’t communicate the mode change effectively and just confuse user into thinking it as a “Save” button to save changes made (when effectively, it is just a toggle to switch back to view mode). If you prefer an icon button look, you should use toolbarbutton that support toggle mode (setMode(“toggle”)) instead of a normal push button (the change of icon when it is in edit mode is not needed). Note that for consistency of look, if you use toolbarbutton for “Edit Mode” toggle, you should use toolbarbutton for “New Record” as well.

, I can’t reproduce your “New button doing nothing” issue below, can you clarify what’s the test case for that ? Bug aside, the “New” button should be just fine UI wise since that’s just a replacement for the existing “New Record” button.

Carlos Ruiz August 4, 2022 at 12:38 PM

Yes, the lack of scrolling is a bug, because the user cannot use the dialog properly.

Norbert Bede August 4, 2022 at 11:58 AM

hi,

so you suggest revert 2nd commit and improve only scrolling or this is also not affordable - we keep it as customisation.

norbert

Fixed

Details

Assignee

Reporter

Fix versions

Priority

Created August 1, 2022 at 11:09 AM
Updated October 1, 2022 at 7:25 AM
Resolved August 9, 2022 at 8:26 AM

Flag notifications