Aligning the email form elements
Posted by amywe on November 12, 2008
When creating an email form with a form builder you can place your elements anywhere on the form. This flexibility is a great feature but in most web forms the elements are aligned somehow. Besides, aligned elements make the form cleaner looking, easier to understand and much more pleasing to the eye. So how do you align the elements if needed and what alignment options are available in your email form builder?
There are a few tools one can use for selected elements’ alignment:
1- Horizontal alignment options. One can align a few elements to the right, center or left. This is a classic solution for aligning bullets or rows of textboxes, for example.
2- Vertical alignment options. One can align a few elements to the top, middle or bottom.
3- Grid. A user may use the grid (which is combined or vertical and horizontal guide lines) to align his/her elements. You can freely place your elements against the lines or choose to “snap” the elements automatically to the grid by using the “snap to grid” option.
4- Make same height/width. These options enable the user to determine an equal spacing between the selected elements. The same spacing may be applied horizontally or vertically.
using the grid to align elementsalignment by snapping to grid
press on the make same vertical space icon
elements are evenly spaced
make same vertical space
align top
align left
» Aligning the email form elements said
[...] This flexibility is a great feature but in most web forms the elements are aligned somehow. Besides, aligned elements make the form cleaner looking, easier to understand and much more pleasing to the eye. Original post [...]