Basecamp Export

From the list: ISLG Team Feedback - complete before launch

✔ Change UI for searchable multi-select dropdown menus - PRIORITY

Morgan M. added this on Jun 12, 2020
Completed Jul 20, 2020 by Morgan M.

Assigned to: Harsh P. Melissa C. Naomi J.
Notes: Further to the video below, could you please modify the UI for multi-select searchable dropdown menus so that when a value is selected from the list of options, the menu stays open at the point in the list so that the user can easily select additional values without losing their place in the menu. Please implement on both admin and subscribers sites.

Modification of multi-select dropdown menus (12-Jun-20).mp4 2.67 MB • Download

Comments & Events

Morgan Maguire, CEO

Further to video below, we found another issue with multi-select dropdown menus where the drag-scroll option is not available. Let's get this resolved as well.

Drag scroll multi-select dropdown (22-Jun-20).mp4 1.92 MB • Download

Jun 22, 2020 at 11:15 PM Notified 2 people

Naomi Joanis, UX Team Lead

Morgan

,

I have logged improvement cards for this issue on both the subscriber and admin sides in Target Process. On the subscriber side, I have this and the other dropdown menu card moved to 'planned' and assigned to

Harsh

.

Admin: https://industrialagency.tpondemand.com/restui/board.aspx?#page=board/5389754907359543952&appConfig=eyJhY2lkIjoiNkIwOEFBRTU1NUY0ODJDNDU1NDA1NzJFQkE5N0JGQjkifQ==&boardPopup=bug/16682

Subscriber: https://industrialagency.tpondemand.com/restui/board.aspx?#page=board/5596457270758793748&appConfig=eyJhY2lkIjoiNEIyRDU0NTZFNkFEOUY1MUQwQzA5QzI5QjBBNjM1OTMifQ==&boardPopup=bug/16680/silent

Jul 10, 2020 at 3:13 PM Notified 3 people

Morgan Maguire, CEO

Great. Thanks

Naomi

.

Morgan

Jul 10, 2020 at 3:16 PM Notified 3 people

Morgan Maguire, CEO

Harsh

,

This to-do along with Change UI for searchable dropdown menus - PRIORITY - TOLOGIX - ISLG App Rebuild have been moved to Fix Now with priority. We need to have these to-do resolved by next week.

Thanks,

Morgan

Jul 13, 2020 at 8:28 PM Notified 3 people

Harsh Parikh, Tech Lead

Morgan

. we are taking as high priority and will complete by next week in all masters.

Jul 14, 2020 at 10:17 AM Notified 3 people

Morgan Maguire, CEO

Great. Thanks

Harsh

Jul 14, 2020 at 7:01 PM Notified 3 people

Harsh Parikh, Tech Lead

Morgan

,

As discussed on Friday Call, This change has been done in All Master Listing Page and Add/Edit Page on rebuild.islg.

Jul 20, 2020 at 12:38 PM Notified 3 people

Morgan Maguire, CEO

Looks good

Harsh

Naomi

, let me know how you want to deal with modifying the requirements for the multi-select dropdown menus on the subscriber side. On Friday, we discussed changing the UI to accommodate the technical limitation (e.g., a checkbox system for making selections). We should probably track this as a separate to-do, but I wanted to confirm with you first, before I mark the to-do above complete.

Thanks,

Morgan

Jul 20, 2020 at 2:55 PM Notified 3 people

Naomi Joanis, UX Team Lead

Morgan

,

This morning on our call,

Harsh

showed us a new UI they implemented which I believe solves almost all of the issues raised. This way:

Users don't have to type before seeing the options available in the list
As users select an item from the list, the list remains open and maintains the place in the list.
When an item from the list is selected, the item is greyed out in the list, and populated in the field.
The list can be browsed through scrolling or dragging the scroll bar

The only issue I see remaining, is that when users delete a previously selected item, the list closes. Ideally, the list will remain open in this case and the pill will be removed, and the item becomes clickable in the list again. Harsh is looking into adding this functionality.

Will this work for you for the subscriber side multi-select dropdown?

Screen Recording 2020-07-20 at 9.05.21 AM.mov 16.3 MB • Download

Thanks,

Naomi

Jul 20, 2020 at 5:22 PM Notified 3 people

Morgan Maguire, CEO

Naomi

and

Harsh

,

The new UI on the subscriber side looks great. As I've described in the video below, I don't have an issue with the deleting the previously selected item and the list closing if that can't be resolved easily.

At the same, as I've outlined in the video, could we please resolved the following issues:

Ensure menu options are opening above/below the field consistent (my preference would be to have the options open below the field)
Ensure there is consistent formatting between all dropdown menus
Ensure the data range filter has the ability to select specific years and manually inputted dates. I suggest using the Google AdWords as an example. I will post another to-d with more details).

Thanks,

Morgan

Feedback on Dispute Document filters (20-Jul-20).mp4 4.87 MB • Download

Jul 20, 2020 at 5:55 PM Notified 3 people

Naomi Joanis, UX Team Lead

Morgan

,

Since this implementation works for you, does it make sense to close this to-do? I can go ahead and create separate cards in target process for the three other items raised in this video, as they relate to other list items besides multi-select.

Jul 20, 2020 at 6:05 PM Notified 3 people

Morgan Maguire, CEO

Sure. I'll mark the to-do complete.

I've created separate to-do's for the following:

Ensure there is consistent formatting between all dropdown menus: Ensure there is consistency across different dropdown menu types on Subscriber site - TOLOGIX - ISLG App Rebuild
Ensure the data range filter has the ability to select specific years and manually inputted dates. I suggest using the Google AdWords as an example. I will post another to-d with more details): Change UI for date selection fields - TOLOGIX - ISLG App Rebuild

Could you insert links to any applicable user stories in those to-do's. Note that these to-do's may require some modifications to the HTML templates.

Thanks,

Morgan

Jul 20, 2020 at 6:17 PM Notified 4 people

Morgan Maguire completed this to-do.

Jul 20, 2020 at 6:17 PM