======  Object Margins  ======

Dialog selections are discussed below the image. For navigation to an item, make a selection in the Object Margins image.
{{imapmarkers>:ui:ui-margin-object-dialog-v4.webp?direct&300|Object Margins}}
[[|ID1|Link all sides: single adjust causes all sides to change equally@33,99,269,133]]
[[|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}}
{{<imapmarkers}}

<wrap hi>**Object Margins dialog. Make selection above.**</wrap>

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.

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>
===== Hidden Index Anchors =====
  * [[:ui:ui-graphic-text]]
</wrap>