meta data for this page
  •  

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
ui:ui-generic-margin [2026/06/03 15:55] – dorepsui:ui-generic-margin [2026/07/21 22:30] (current) – doreps
Line 1: Line 1:
 ======  Object Margins  ====== ======  Object Margins  ======
  
-Dialog selections are discussed below the image. For navigation to an item make a selection in the Object Margins image. +Dialog selections are discussed below the image. For navigation to an item, make a selection in the Object Margins image. 
-{{imapmarkers>:ui:ui-generic-margin.webp?direct&200|Object Margins}} +{{imapmarkers>:ui:ui-margin-object-dialog-v4.webp?direct&300|Object Margins}} 
-[[:ui:ui-graphic-text|ID1|OK@49,85,153,151]] +[[|ID1|Link all sides: single adjust causes all sides to change equally@33,99,269,133]] 
-[[:ui:ui-graphic-text|ID2|Suggest@124,155,191,187]]+[[|ID2|Sides: Left / Top / Right / Bottom - use the slider to adjust positive margins@33,161,270,375]] 
 +[[|ID3|Sides: Left / Top / Right / Bottom - use the slider to adjust positive margins@33,372,270,585]] 
 +[[|ID4|Suggest: Launcher automatically calculates recommended margins. Then tap OK.@20,617,92,659]] 
 +[[|ID5|Cancel: Discard all input and return to previous page@169,619,227,659]] 
 +[[|ID6|OK: Normally clicking will return the user to the previous dialog. In this demo, the user must swipe right-to-left or use the browser's back arrow@233,619,284,658]]
 {{cfg>}} {{cfg>}}
 { {
Line 13: Line 17:
 <wrap hi>**Object Margins dialog. Make selection above.**</wrap> <wrap hi>**Object Margins dialog. Make selection above.**</wrap>
  
-  * **OK** - The data entry is accepted and the user is returned to the previous dialog. +For simple, **non-container objects**, the margin defines the empty space outside the object's boundary. For **objects that act as containers** for other items, the Margin setting functions exactly like a Page Margin. It defines the usable space inside the container's own borders. 
-  * **Suggest** - The Launcher pre-calculated and 'suggests' the four margins for the object. This is a good starting point which can be modified by direct input.+ 
 +A broader review of margins can be found at [[:section:section-margins-page_and_object|Understanding Margins]]. 
 + 
 +The clickable items in the above dialog are: 
 +  * None 
 + 
 +Other items in the above dialog are: 
 +  * **Link all sides** - If activated, any change to any margin will be applied to the other 3 sides. 
 +  * **Left, Top, Right, Bottom** - These represent the object's container sides. Margin numbers are positive only and represent a "padding" applied to the boundary edges, moving the object further from the edge. This is useful when applying a shadow, especially for a radius greater than 10. See also the ''Suggest'' button for Launcher recommendations. 
 +  * **Suggest** - The Launcher pre-calculates and 'suggests' the four margins for the object. This is a good starting point which can be modified by direct input. If selected, the 'suggestions' are placed in the 4 margin input lines. The user must select OK to accept them. 
 +  * **OK** - The data entry is accepted, and the user is returned to the previous dialog. In this demo, the user must swipe right-to-left or use the browser's back arrow.
  
 <wrap hide> <wrap hide>