Improved efficiency when using Fluent Web Apps on handheld devices 2023-03-15

The usability of key features on the Fluent Web Apps has been improved, these changes will reduce the amount of user errors made when using the apps on handheld devices:

• Lists now appear as cards: On mobile views, removing horizontal scroll, which previously resulted in users losing context and ultimately being confused. Read more about the List Component here.
• The tap region on bulk actions is larger: This reduces the frequency of incorrect selections. Learn more about bulk actions through an example: Enable bulk order Cancel in the UI by using the action property in the LIST component.
• The refresh button is now in the header: Moved the refresh button to the header, to allow for easier interaction. Read more about the auto-refresh page component here.
• Enlarged quantity selector: This makes it easier to tap which leads to reduced mispicks, mispacks and incorrect returns. Read more about the quantity selector here.
• Native Drop-downs: Drop-downs are now native, improving the selection experience and reducing errors. See what a native dropdown looks like here.
• UX Framework Pagination Menu: The pagination menu in the list component will no longer disappear when the number of items is less than the selected pagination size. Read more about the list component here.

See the details listed above.