Index Key Link
action Click to view
add Click to view
affiliation Click to view
align Click to view
alignment Click to view
alpha Click to view
analog clock Click to view
animated image Click to view
app drawer Click to view
app group Click to view
application Click to view
audio Click to view
background Click to view
backup Click to view
beginner Click to view
behavior Click to view
blur Click to view
calendar Click to view
card Click to view
checklist Click to view
circle indicator Click to view
clean slate Click to view
clock Click to view
code block Click to view
code of conduct Click to view
color picker Click to view
communities Click to view
compass Click to view
compatibility Click to view
complementary color Click to view
conceptual learning Click to view
configure Click to view
contact Click to view
contrast Click to view
contribute Click to view
date Click to view
date / time Click to view
default launcher Click to view
delete Click to view
desktop Click to view
developer Click to view
discussion guideline Click to view
distribution Click to view
drawer Click to view
drawer handle Click to view
dual-screen Click to view
dynamic color Click to view
dynamic image Click to view
dynamic text Click to view
edit Click to view
editing Click to view
edit mode Click to view
export Click to view
feature Click to view
file naming Click to view
flip-style Click to view
foldable Click to view
folder Click to view
font Click to view
full screen Click to view
gaussian Click to view
gesture Click to view
getting started Click to view
gradient Click to view
group Click to view
heading Click to view
help Click to view
hide Click to view
html Click to view
hue Click to view
icon Click to view
import Click to view
install Click to view
installation Click to view
instructable Click to view
intellectual property Click to view
issue Click to view
key Click to view
keys & gestures Click to view
label Click to view
landscape mode Click to view
launcher action Click to view
layout Click to view
liability Click to view
lifetime purchase Click to view
light source Click to view
link Click to view
list Click to view
luminance Click to view
macro Click to view
macrodroid Click to view
margin Click to view
mask Click to view
media controller Click to view
mobile Click to view
month/year/day Click to view
move Click to view
multi-screen Click to view
namespace Click to view
navigation Click to view
object Click to view
object design menu Click to view
official Click to view
official blog Click to view
offset Click to view
option Click to view
ordinal Click to view
page Click to view
page indicator Click to view
paste Click to view
performance Click to view
permission Click to view
pin Click to view
png Click to view
quoting Click to view
radius Click to view
registration Click to view
reminder Click to view
remove Click to view
resource Click to view
rotate Click to view
rss Click to view
save Click to view
scroll Click to view
search Click to view
select Click to view
shadow Click to view
shape Click to view
share Click to view
sidebar Click to view
slider Click to view
sliding drawer Click to view
spacing Click to view
stretch Click to view
syntax Click to view
system setting Click to view
system ui Click to view
table Click to view
table of content Click to view
tasker Click to view
taxonomy Click to view
temperature Click to view
termination Click to view
terms of use Click to view
text Click to view
theme Click to view
toby Click to view
trademark Click to view
transform Click to view
transparency Click to view
transparent Click to view
troubleshooting Click to view
typeface Click to view
ui Click to view
user conduct Click to view
user interface demo Click to view
variable Click to view
wallpaper Click to view
warranties Click to view
weather Click to view
webp Click to view
website Click to view
welcome Click to view
widget Click to view
wiki Click to view
wiki editing Click to view
window Click to view

Understanding Margins in Total Launcher: Defining Boundaries and Object Separation

Mastering the 'Margin' setting in Total Launcher is essential for precise spatial management and creating polished, professional home screen layouts. Because the Total Launcher interface does not utilize traditional 'padding' controls, mastering margin properties is the primary method for defining workspace boundaries and separating individual layout elements. The exact behavior of a margin depends entirely on the target element, functioning differently when applied to an entire page versus a specific graphic object:

This guide explains how to use margins in both contexts. The term 'padding' is not used in the Total Launcher interface; all space management of this type is controlled via Margin or Item spacing settings.

Page Margins

When applied to a Page, the margin defines the boundary of the usable area inside the physical screen edges. Think of it as creating an invisible frame around the canvas where objects can be placed.

  • Purpose: The primary use for page margins is to prevent objects from being placed in areas where they might be obscured or interfere with system elements. This includes screen notches, status bars, navigation bars, or gesture areas at the edges of the screen.
  • Positive Margin Effect: Increasing the margin values (e.g., for 'top', 'bottom', 'left', or 'right') will shrink the available workspace, pushing all content inward, away from that respective edge. A value of '0' allows content to be placed right up to the very edge of the device's screen.
  • Negative Margin Effect: A negative margin will push the page's canvas off the screen on that side. This creates an area where content can be placed but will not be visible. This is an advanced technique, sometimes used intentionally to hide parts of a layout.

By default, the page will not scroll, even with negative margins that push content off-screen. To create a scrolling page, deselect the Fit content to screen height option (Edit mode > Edit On > Option >).

Object Margins

The behavior of the 'Margin' setting for an object depends on whether it is

  • a simple object or
  • a container object

Simple Objects (e.g., Icons, Text, Images)

For simple, non-container objects, the margin defines the empty space outside the object's boundary but is limited to within the container boundary.

  • Purpose: This margin is used to create separation between one object and its neighbors. It prevents objects from touching or overlapping.
  • Effect: A positive margin pushes other objects away from it. A negative margin reduces this space, allowing the object to move closer to, and potentially overlap, adjacent objects.

Container Objects - Folders, Sliding Drawers, Widgets)

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.

  • Purpose: This margin controls the internal “inset” or border area within the container. It determines how close the items inside (like app icons within a folder) can get to the container's edge.
  • Effect: Increasing the margin value shrinks the area where the container's contents can be placed, pulling them inward from the container's edges. This ensures the contents do not touch the visual border of the folder or widget itself.

Margin Dialog Controls

Object Margin Dialog Page Margin Dialog

Notice the difference:

⬅️ Object:

Based on the internal
object container.
Positive only.



Page: ➡️

Allows negative margins.
See discussion above.

  • Link all sides: - Activate this feature to cause any side margin change to be applied to all sides.
  • Left, Top, Right, and Bottom: - Each value is adjusted separately for precise control. Use the slider or the dialog above the ➕ to enter the amount manually.
  • Unit and Range:
    • While not explicitly stated, the unit is best understood as dip (density-independent pixel). This ensures layouts are consistent across Android devices with different screen sizes and resolutions.
      • The default setting is 0.
      • For the 'Object', the maximum positive range is 200. There is no negative capacity.
      • For the 'Page', the maximum positive and negative range is 500.
  • Positive Numbers: Increases the defined space.
    • For a Page or Container, this shrinks the usable content area. [+] Practicality limits this; setting a margin equal to the screen width will result in no viewable area.
      • For a Simple Object, this pushes other objects further away.
  • Negative Numbers: Decreases the defined space, with different effects:
    • For a Page, this pushes the content canvas off-screen, making it partially or totally unviewable.
    • For a Simple Object, negative margins do not exist.

To Make An Object Extend Beyond The Container Boundary

Use any of the margin elements (left, top, right, or bottom) and apply a positive margin to push the object in the desired direction. Typically, part of the object outside the container boundary will not be visible. Whether the object is text, an image, a folder, or a window, that result may be acceptable.

  • Suggest: Tap to automatically calculate margin values, which is useful for objects with effects like a shadow to ensure the effect is not clipped.
  • Cancel: Discard all input and return to the previous page.
  • OK: Tap to accept the margin numbers shown.
  • Item Spacing: While 'Margin' controls space around borders, 'Item spacing' is used within container objects (like Folders, Sliding Drawers, Widgets (App Drawer, App Drawer (pager), App Group, Contacts, and App Search) to control the space between the individual items inside.
  • Description: This setting exclusively controls the amount of empty space between the individual items held inside a container. It does not affect the container's margin (the space between the items and the container's edge).
  • Analogy: This feature can be thought of as applying a “padding” between each item in the grid, spreading them out from each other.
  • How to Choose a Value: The input quantity (range of 0 - 200) is determined by visual preference and usability. There is no single “correct” value. Adjust the number and observe the result, balancing aesthetics (a clean, airy look) with usability (ensuring icons aren't so close that they are hard to tap accurately).

Object Alignment:

For positioning objects relative to each other or the page, the alignment tool offers assistance with centering, edge matching, and distribution. It is a complementary tool to margins for creating precise layouts.

Discussion

Enter your comment. Wiki syntax is allowed:
Please solve the following equation to prove you're human. 166 -11 =