2022-07-29 - Portal UX upgrade

Posted over 1 year ago by Lars Kjaersgaard

Lars Kjaersgaard
Lars Kjaersgaard Admin

This is a collection of upgrades to the Portal user experience, all based on specific customer feedback.


Upgrades to the Portal


Visual cue on unsaved changes

When a user has edited anything in a form, the Portal will now highlight the Save button to make the user aware of the unsaved changes.



For the time being, the Portal will still allow the user to navigate away from unsaved changes. We have been waiting for an update from Microsoft in order to proceed with a warning before leaving a dirty form. 


Coinciding with this release, Microsoft actually released this awaited update. However, the update is for NET 6.0 and thus not available to the Portal that is still at NET 5.0. The general upgrade to NET 6.0 of migFx in it's entirety - including the Portal - is planned for the next overall release of migFx 1.10. We will revisit this UX requirement after migFx 1.10 has been released


Close of Filter dropdowns on mouse out

When opening a dropdown in any filter in the Portal, the dropdown would not close until the user clicked somewhere outside of the open dropdown. With this release, the dropdown will close automatically as soon as the user moves the cursor outside the dropdown. No outside click required.


Separation of Close filter and Clear filter buttons

On all filters, the Close & Clear button has been separated, so there now is one button to clear all filters and another button to close the filter without clearing.



Improved layout of the Instance Detail dialog

Previously, the Details tab in the Instance Detail dialog contained both the Event list as well as the parent and child dependencies of the instance. In addition, for long keys in dependencies or long message texts in the Events, these texts did not wrap causing the dialog width to expand outside screen boundaries. This rendered the Detail dialog very difficult to use in some instances.


Before:


With this release, the Events and Dependencies are placed in separate tabs and any long text will wrap. 


Improved Data View in the Instance Detail Dialog

The data tabs (Source, Interface and Target) in the Instance Detail Dialog now has Expand/Collapse all buttons in the toolbar. 


As a side note: After Expand All, all data is displayed and thus becomes searchable using the standard browser search.


Comments tooltip in Events list

The comments indicator in the Events list is now active and will display the comments in a tooltip when the user hovers the cursor over the indicator.



Mark selected row

Previously, when a dialog was opened from a list (for instance the Event list) and later closed, the list did not show from which row the dialog was opened. This was not ideal when the dialog was opened from a long list.


Now any row clicked by the user will remain marked until the user either clicks the same row again or clicks another row. This includes if the user merely clicked the row to open a dialog from the context menu.


New filters added

  • Filter Translation Valueset on Validation result and search any column value
  • Filter Parameters on Map type and search in Name, Value or Description
  • In the Instances list, a filter on Migration Result has been added. The existing search is unaltered but has been moved to the filter for a consistent user experience


New Organization for External Users

An External User can now be affiliated with an Organization.


Organizations are maintained in a Side Bar on the User list


Authorizing External Users to a Project has been made more efficient.


Project Team

Internal Users can now be added to the Project Team for a Project



Only members of the Project Team can be selected as Anchor for Events


(Almost) Unlimited Download

Previously, download of any list to Excel was constrained to a hard-coded limit of 5.000 rows. The Portal will still download anything up to a cut-off of 10.000 rows without further ado. 


But now, an attempt to download more than 10.000 rows will result in a dialog allowing the user to decide the limit:

NB: Download to Excel will in any case be capped at 1.048.576 rows, which is the maximum limit for Excel (see Excel specifications and limits).


Modified Event context menu and listing of parameter values 

Titles in the context menu on the Event list have changed:

  • Edit (unchanged)
  • Parameter Values is changed to Grouped Events
  • Items is changed to Events with values and the list it self has changed.

    Previously, the list showed all the Instances that fired the selected Event. Now it shows all the Events with their parameter values:


    NB: This means that the same instance may now appear multiple times in the list for Events fired multiple times for an instance.


Title row added to relevant Excel downloads

Where relevant, a first title row have been added to downloaded Excel sheets.



Updates to the Planning Module


Planning: Improved feedback on test state for parent Areas

Previously, the Planning Module would show a state for a parent (non-leaf) Area that was derived from the state of all the areas in it's sub-tree. This was not very informative and gave poor insight into how far the test for a given parent Area had actually progressed.


With this release, all parent Areas in the Test view show a horizontal bar (with associated tooltip) providing an improved visual representation of the progress:





0 Votes


1 Comments

Sune Petersen

Sune Petersen posted over 1 year ago Admin

Nice upgrade of UI

0 Votes

Login or Sign up to post a comment