Setting custom margin properties

Apply margin and padding styles to design elements, for example, spacing between controls and their containers or padding between design elements and the edge of the XPage.

About this task

To set margin properties, do the following steps:
Note: Refer to the following descriptions of units of measure:
  • Pixels: a unit of measure based on the number of "dots" that make up a design element
  • Ems: the size of the design element's relevant font, for example, small, medium, and large
  • Percent: a part of 100, where 100 is the full width of the design element's container
  • Auto: the design element takes up just enough space to display its contents

Procedure

  1. Select the design element in the XPages editor.
  2. In the Properties view, click the Margins tab.
  3. If you are setting custom styles for a view or a section control, you can click the diagram to select an area of the control. For a section control, you can select the entire section or the section header. For a view control, you can select the entire view or the data table.
    Note: You can also click a view column or view column header in the Design tab of the editor and then set its properties.
  4. In the Padding section, do the following steps:
    1. In the Left field, indicate the amount of space to leave between text and the left margin of the design element.
    2. In the Right field, indicate the amount of space to leave between text and the right margin of the design element.
    3. In the Top field, indicate the amount of space to leave between text and the top margin of the design element.
    4. In the Bottom field, indicate the amount of space to leave between text and the bottom margin of the design element.
  5. In the Margins section, do the following steps:
    1. In the Left field, indicate the amount of space to leave between the design element and the left margin of the parent container.
    2. In the Right field, indicate the amount of space to leave between the design element and the right margin of the parent container.
    3. In the Top field, indicate the amount of space to leave between the design element and the top margin of the parent container.
    4. In the Bottom field, indicate the amount of space to leave between the design element and the bottom margin of the parent container.
  6. Click File > Save to save your changes.