> For the complete documentation index, see [llms.txt](https://doc.sysdevmobile.com/kalipso/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.sysdevmobile.com/kalipso/6.0/documentation/environment/ribbon/align.md).

# Align

This section of the ribbon allows the alignment of various elements in the project.

<figure><img src="https://1102213384-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FM6Wz3tBjSWbCweZ8NltT%2Fuploads%2Fy653FJye7fMVSFcV5nYu%2Fimage.png?alt=media&amp;token=048ffcc4-35fb-4394-b518-e516586caee2" alt=""><figcaption></figcaption></figure>

The alignment process is divided into five areas:

* To change the placement of two or more controls:
  * *Top* - Aligns the selected controls from the top.
  * *Bottom* - Aligns the selected controls from the bottom.
  * *Left* - Aligns the selected controls from the left.
  * *Right* - Aligns the selected controls from the right.
  * *Center Horizontally* - Centers horizontally
  * *Center Vertically* - Centers vertically

{% hint style="info" %}
The reference control for the placement adjustment is the first to be selected.
{% endhint %}

* To change the size of two or more controls:
  * *Same Width* - Sets the controls to the same width
  * *Same Height* - Set the controls to the same height
  * *Same Size* - Set the controls to the same size

{% hint style="info" %}
The reference control for the dimension adjustment is the first to be selected.
{% endhint %}

* To manage the spacing between two or more controls
  * *Horizontally.* - Distribute the spacing horizontally
  * *Vertically* - Distribute the spacing vertically
* To change the placement of a control in relation to the form.
  * *Top* - Moves to the top of the form
  * *Bottom* - Moves to the bottom of the form
  * *Left* - Moves to the left of the form
  * *Right* - Moves to the right of the form
  * *Center Horizontally* - Center horizontally in relation to the dimensions of the form.
  * *Center Vertically* - Center vertically in relation to the dimensions of the form.<br>
* To change the placement of two or more controls in relation to the form.
  * *Center Horizontally* *as One* - Center horizontally as one.
  * *Center Vertically as One* - Center vertically as one.

{% hint style="success" %}
The options appear active in the menu depending on whether it is a selected control or a set of controls.
{% endhint %}