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.
Code: Select all
nuUXOptions['nuDevMobileView2'] = true;
Here is a sneak peek: