Initially, a form is created with no controls except for a Submit and Cancel button. You must add controls to the form in order to make it useful. Controls can be dropped from the palette or generated from a schema.

 

On this page:

From the Palette

When you create a new form from scratch, it has no controls other than the Submit and Cancel button. To make your form useful you must start by dragging in controls from the Palette and dropping them in your form.   

As you begin to drag a control from the Palette, you’ll see this icon, which means the control is not yet over a droppable area. When you reach an area on the canvas where dropping a control is allowed, the will change to this icon. You must drop controls into the body of the form; you can’t drop them into the toolbar nor can they be dropped below the Submit and Cancel buttons. 

 

You can drag/drop above, below, to the left and right of most controls. As you bring the control over the body of your form, the  icon will change to one of the icons below:  

If you are not dragging your control over a group control, this means your control will be placed at the top of your form. Anywhere to the right of the print icon is a droppable area.  

Other important drag-and-drop rules:

Note that repeat items automatically generated from a schema may not be dragged outside the repeat control since this would violate the constraints imposed by the schema.

See Multi-Column Form Layout below for information about designing forms with a multi-column layout.

From Schema

You can generate controls automatically from schema elements, but you must first upload your schema into your  application. Once you've uploaded the schema and added schema elements to your form's Data Sources area, you can generate controls from these elements automatically. See Generating Controls from Schema Elements.

Multi-Column Form Layout

Multi-column forms are quite common and very easy to create. Here is how it works:

All control widths are specified in columns. The width is selected by clicking on a grid in the style tab. See this documentation for the details.

When dropping controls from the palette on an empty canvas or above or below an existing control, the newly dropped control is 12 columns wide. The trigger control is an exception. 

This approach makes It very easy to create a form with a muti-column layout. There are two ways to accomplish this:

Method 1: You can drag and drop panels from the palette and then drop additional controls inside of the panels. Panels can be dropped to the left or right of other panels. A newly dropped panel dropped to the left/right of another panel will take the width of the panel it was dropped on.

Method 2: Simply drag and drop the first control onto the canvas, modify the width to your specification and then drag and drop additional controls  to the right of the previously dropped one. The controls will "wrap around" and line up in columns.

Watch this video for a demonstration.

Page Break controls have special rules for drag/drop. Click here for more information.