Anchoring fields to the right side of a form or panel
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:
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:
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
- Open the appropriate form in Developer Studio.
- Set the Layout Style property of the form or panel to XY.
- Select the field that you want to anchor.
- Set the field's Alignment property to Right.
- 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.
- 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.