Anchoring fields to the right side of a form or panel


By default, the horizontal position of a field in a form or panel is based on its distance from the left side of its container. This distance remains the same regardless of the size of the container. The field's distance from the right side of the container, however, varies depending on the size of the container. For example, the logo in the following figure appears in the top-right corner of the form:

FieldPosition1.GIF

Related topic

But when the browser window is enlarged, the logo no longer appears in the top-right corner because its horizontal position is set relative to the left side of the form:

FieldPosition2.GIF

To prevent the distance between a field and the right side of a form from changing, you must anchor the field to the right side of the form instead of to the left side: 

FieldPosition3.GIF

This feature is available only in the Mid Tier.

When a container has fields anchored to both its left and right sides, those fields might overlap if users substantially reduce the width of the browser in which the container is displayed. In most browsers, the distance between the field and the side of the container to which it is anchored remains the same as the browser shrinks, and the field moves off-screen on its unanchored side. In a Firefox browser, however, right-anchored fields eventually stop moving left and disappear under the right side of the browser. Keep this in mind when designing such containers.

To anchor a field to the right side of a form or panel

  1. Open the appropriate form in Developer Studio.
  2. Set the Layout Style property of the form or panel to XY.
  3. Select the field that you want to anchor.
  4. Set the field's Alignment property to Right.
  5. Use one of these methods to position the field:
    • Enter the appropriate number of pixels in the field's X (distance from right side) and Y (distance from top) properties.
    • Drag the field to the appropriate position. The field's X and Y properties are automatically updated.
  6. Save the form.
    The current distance between the field and the right side of its container will be maintained when the container is displayed in a browser regardless of the width of the browser window.

 

Tip: For faster searching, add an asterisk to the end of your partial query. Example: cert*