How Do I ... Solutions to Common Questions

Here we address some of the common challenges that users encounter with layouts.

Fields appear to have a slight indentation and don't line up

If the fields are inside of a group, you may need to remove the default Padding of the group element. Click on the group element and, in the Layout & Properties tab of the Element Properties Panel, adjust the padding and margins to 0. This should remove all of the default padding.

Fields display vertically in a multi-column layout

First, verify that the group has the correct alignment settings (set to Horizontal to align fields horizontally). Then, check that there is enough available space for the fields to be shown horizontally. If the form Width settings are not wide enough to accommodate the two columns of fields, then the second column will wrap to the next line. Try adjusting the form width by following these steps:

1. Open the Themes & Styles editor.

2. Under Sub Theme Type, click Page.

3. In the Properties grid, expand the Outer Container group.

4. Adjust the Width setting

Also note, if the width setting of the containing group is less than the combined width of the caption and field width (assuming a horizontally aligned field), that could also cause wrapping.

Here is another suggestion: if you haven't done so, try changing the Alignment property of the fields to Vertical so that the label is shown above the field instead of on the side. This will decrease the length of the fields (because the caption is now shown above the field) and thereby allow more vertical space for multiple columns.

Many inconsistences with multi-column layouts

A common cause of inconsistencies in a multi-column layout is the use of a single group to contain multiple columns. You can create a single group and set its alignment to Horizontal, and this will display fields in a horizontal order. However, it can also lead to wrapping issues due to the way HTML floats are used. We highly recommend that you use the method that we outline in the Multi-Column Layouts topic.