Difference between revisions of "Padding (for image elements)"
| Line 5: | Line 5: | ||
* ''Content Object'' > ''Element'' > '''Padding Left''' property | * ''Content Object'' > ''Element'' > '''Padding Left''' property | ||
* ''Content Object'' > ''Element'' > '''Padding Right''' property | * ''Content Object'' > ''Element'' > '''Padding Right''' property | ||
| − | This page applies to all elements (in '''[[Simulation]]s''' or '''[[Book Page]]s''') 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 '''[[ | + | This page applies to all elements (in '''[[Simulation]]s''' or '''[[Book Page]]s''') 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 '''[[Input Text]]''' 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== | ==Purpose== | ||
Revision as of 20:08, 19 September 2019
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 Input Text 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 (for elements that can contain text) property
