FormTitan provides a few tools for aligning elements in your form.
| 1- | Automatic alignment |
| 2- |
Adding guides for alignment |
| 3- |
Multiple elements alignment |
| 4- | A grid |
1- Automatic Alignment
The automatic alignment is an integral part of the form builder and it gives the user assistance when he moves elements in the form.
* Center of form
If you move an element from left to right you will see a vertical alignment line appear when you hover on the center of the form. If you want to place your element in the center all you need to do is "Drop" it when you see the automatic guide.
* alignment to existing element
Once you have more than one element in your form, you can choose to align an element according to another element in the form.
for example: if you have an element and next to it - another element
by moving one element you will see automatic guides appear when the 2 elements are aligned vertically, or horizontally.
Read all about how to align one element according to another
Notice that at the top and left of your form canvas there is a ruler.
when you stand on a specific point in the top ruler and click - it will create a vertical ruler (from that point and down to the bottom of the form). If you do the same from the left ruler - it will create a horizontal ruler. The guides help you by snapping close elements to them. You can add as many guides as you like, and they can also be dragged along the ruler to change their position. and when you place elements next to them - they will snap to it.
Read more about how to use the guides
If you select a few elements on canvas (by holding the down the CTRL key), you can apply an alignment for them all. You can align a group of elements horizontally (left, center or right), as well as vertically (top, middle & bottom).
Read more about how to use the multiple elements alignment.
The grid a the ultimate alignment tool you can use in your form. It is a set of vertical and horizontal guides that have fixed spaces between them thus creating a grid. There is a default spacing of 40px between horizontal and vertical lines in the grid, however you can easily change that.
Read more about how to use the Grid