Modal Dialog Scrolling Priorities Across Portrait and Landscape
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Mobile devices face challenges in displaying a desirable amount of information due to their limited screen size, particularly when switching between portrait and landscape orientations, leading to inadequate scrolling behavior in modal dialogs.
Innovation Solution
Implementing multiple nested scrolling frames with competing constraint priorities that adjust based on device orientation, ensuring optimal scrolling behavior in both portrait and landscape modes by prioritizing scrolling frames to accommodate content height constraints.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If a single scrolling frame is used in modal dialogs, then the implementation is simple, but the scrolling behavior becomes inadequate when switching between portrait and landscape orientations
Solution Approach 1:
The modal dialog is divided into multiple scrolling frames (first scrolling frame and second scrolling frame) with different constraints and priorities. The first scrolling frame has a first constraint and the second scrolling frame has a second constraint, allowing independent control of scrolling behavior in different orientations without requiring a complete redesign of the entire dialog structure.
Solution Approach 2:
The scrolling frame constraints are made dynamic by assigning different priorities based on device orientation. When the device is in portrait orientation, the first constraint has a first priority; when in landscape orientation, the first constraint has a second priority. This dynamic priority adjustment allows the system to adapt scrolling behavior to orientation changes without increasing structural complexity.
2Reliability
If scrolling frame constraints are made rigid to ensure consistent behavior, then the scrolling behavior is predictable, but the scrolling sections become small or unusable when orientation changes
Solution Approach 1:
The constraint parameters are changed based on device orientation rather than maintaining rigid fixed values. The first scrolling frame constraint has different priority levels (first priority in portrait, second priority in landscape) allowing the system to maintain predictable scrolling behavior while adapting the scrolling section sizes to be usable in different orientations.
3Adaptability or versatility
If multiple scrolling frames with different priorities are implemented, then optimal scrolling behavior is achieved in both orientations, but the constraint management becomes complex
Solution Approach 1:
The scrolling frame system automatically adjusts constraint priorities based on detected device orientation without requiring manual intervention. The system self-regulates by assigning the first priority to the first constraint in portrait orientation and the second priority in landscape orientation, reducing the perceived complexity for users while maintaining sophisticated constraint management.
Data Source
Figure 1
Figure 2
Figure 3
AI summary
A method including receiving a command to display a modal dialog. The modal dialog is displayed using both first and second scrolling frames. The first scrolling frame permits scrolling when a modal dialog height exceeds a first scrolling frame constraint. The second scrolling frame permits scrolling of a content section when a content section height exceeds a second scrolling frame constraint. The first scrolling frame constraint has a first and second priorities. The second scrolling frame constraint has a third priority. An orientation of the display screen is determined as being either in a portrait orientation or a landscape orientation. Responsive to determining the physical orientation, an applicable priority that is applicable to the first scrolling frame constraint is assigned. The applicable priority is the first priority in the portrait orientation, and is the second priority in the landscape orientation. After assigning the applicable priority, the modal dialog is displayed.