A dialog box must always respect vertical margins. If a dialog box needs too much space, it should be split into two separate screens. This prevents content from being cut off or appearing cramped.
By Pawan Nayar · from the LLOS AI Learning record
A dialog box must always respect vertical margins.
If a dialog box needs too much space, it should be split into two separate screens. This prevents content from being cut off or appearing cramped.
A dialog box should not cut off content. It should always fit within the screen's vertical space. If a dialog box requires many choices, it is better to use two separate screens. This keeps each screen clear and easy to use.
A developer creates a dialog box asking about a user's learning profile. The box needs to show six profile types and twenty interest options. Instead of one long, scrolling box, the developer designs two screens. The first screen asks, 'Who's learning today?' and shows the six profile types. The second screen asks, 'Pick 1-3 interests' and shows the twenty hobby options. This makes the process clear for the user.
Resolved from this lesson's own record — real definitions, not invented for this page.
More from the same record, pulled by shared topic — not written new for this page.
Content modules need specific display rules. These rules tell the system how to show the information.
All web pages must use the same brand colors. Do not create new color schemes.
The difference between desktop and mobile views should be handled by CSS, not by having separate files. Desktop rules go inside `@media (min-width:901px)`.
A developer should reset the scroll position of a reusable panel or modal. This action must happen before the panel or modal displays new content.
A dialog box must always respect vertical margins. If a dialog box needs too much space, it should be split into two separate screens. This prevents content from being cut off or appearing cramped.