Padding (for image elements)

Scope

• Content Object > Element > Padding property
• Content Object > Element > Padding Top property
• Content Object > Element > Padding Bottom property
• Content Object > Element > Padding Left property
• Content Object > Element > Padding Right property

This page applies to all elements (in Simulations or Book Pages) that are effectively 'solid' images - they cannot hold text. This excludes all of the built-in Shape elements, as these can all hold text, and String Input Control elements, as these can also hold text. Typically, elements that also have separate Padding Top, Bottom, Right, and Left properties are images (to which this page applies).

Purpose

This property specifies the amount of padding that should be left between the edge of the parent element boundary, and the parent element itself.

Where separate Padding Top, Bottom, Right, and Left properties are available, the Padding property is used to define the default padding for all edges of the object, and this can be overridden for any given edge by specifying the relevant 'edge' property. As soon as an 'edge' property is activated it is defaulted to 0 and will override the default object padding (if specified). You can also leave the Padding deactivated and only activate/set the specific edge properties you want to use.

It is important to understand that the padding is applied to the inner side of the edge, and will effectively 'eat into' the assigned Width and Height of the parent element - starting from the upper-left corner. For example, say you have an image with a Width and Height of 100px and position it at exactly (50,50) on the page. If you then specify a Padding of 10px then the image will effectively appear at (110,110) and will look to be 30x30px - because 20px of the width and 20px of the height will now be taken up by padding.

See Also

• Content Object > Element > Padding property