A user interface element must fit within the visible screen area. Each element's size and position affect other elements. Developers must calculate the total space needed for all elements.
By Pawan Nayar · from the LLOS AI Learning record
A user interface element must fit within the visible screen area.
Each element's size and position affect other elements. Developers must calculate the total space needed for all elements.
A developer changed the size of a status area. The developer made the status area a fixed height. Another element was placed inside this status area. The developer did not calculate the total height needed for all elements. This caused other parts of the interface to be pushed off the screen.
A developer makes a new status bar 28 pixels tall. The developer places a milestone icon inside this bar. The developer also adds text over the icon. The developer does not check the total height of all interface parts. The bottom part of the input controls then disappears. It is pushed below the visible screen.
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.
A developer should avoid `overflow:hidden` on section wrappers. This property hides content that goes outside the wrapper's box.
A good plan for a design tool includes a detailed product document. This document describes all features.
A developer must use `position: fixed` or `position: absolute` for an overlay pane. This makes the pane float above other content.
A developer must define a fixed total height for the main container. Every element inside this container needs a fixed slot.
A user interface element must fit within the visible screen area. Each element's size and position affect other elements. Developers must calculate the total space needed for all elements.