Padding

Overview

The PADDING widget is used as a positioning tool to create an offset between itself and its parent/siblings.

Table of Contents

• Overview
• Usage
  • Ideals:
  • Restrictions:
• Attributes :: VisibleWidget (inherited attributes)
• Examples
• Other Widgets You May Find Useful:

Usage

To create space around or within widgets and reduce crowding

Ideals:

• PADDING is really useful to add more whitespace where widgets are crowded
• PADDING should be used to fine tune layouts and is supplemental to the more structured layout widgets

Restrictions:

• Wrapping multiple children will layout within a COLUMN and pad around that column.

Attributes :: VisibleWidget (inherited attributes)

Name	Type	Default	Description	Req
all	int	null	The padding created on all sides of the widgets child.
left	int	null	The padded space created on the left of the widget.
right	int	null	The padded space created on the right of the widget.
top	int	null	The padded space created on the top of the widget.
bottom	int	null	The padded space created on the bottom of the widget.

Examples

<FML>
    <CENTER>
        <BOX color="amber" expand="false">
            <PADDING left="10" right="40" top="20" bottom="80">
                <BOX color="black" width="400" height="400" />
            </PADDING>
        </BOX>
    </CENTER>
</FML>

See it in Action

Other Widgets You May Find Useful:

• BOX
• COLUMN
• ROW