[Improvement] Enhanced "Mobile View 2"

[kev1n]

We are currently developing an enhanced version of the "Mobile View" aka ""Mobile View 2"

In the mobile view, all objects on a form are arranged vertically. This means that elements like text boxes, buttons, drop-down lists, and other form controls are stacked one above the other. This vertical alignment helps in maintaining readability and usability on narrow screens.

Here are the improvements we've implemented so far (not all changes are on GitHub yet):

• Action buttons are displayed larger.
• Max-Width and Max-Height Attributes: These ensure that elements are displayed optimally on mobile screens.
• Increased Element Height: This change enhances usability by making touch targets easier to interact with.
• Keyboard Management: The mobile keyboard is no longer displayed by default when opening a form, preventing it from obscuring elements.
• Improved Vertical Layout: Instead of displaying all elements from all tabs in a single column, only the elements from the selected tab are shown.
• Tab Navigation: Tabs are now displayed in a select element, allowing for easy selection.
• Tag Navigator: This feature enables quick switching between the previous and next tabs.
• Additional Optimisations: Numerous other improvements have been made to enhance the overall user experience.

To activate "Mobile View 2", download the latest from Guthub and add this line in Setup -> Header:

Code: Select all

nuUXOptions['nuDevMobileView2']	= true;	

Let us know if you have any suggestions.

Here is a sneak peek:

mobile_tabs.gif (626.4 KiB) Viewed 2278 times