How to Add and Edit Fields in Builder

Have more questions? Submit a request

Adding and Editing fields in the Builder is a fundamental step to building your form.

Adding Fields

A field is at the core of building a form so we made it as easy and smart as possible. Field types allow you to quickly capture information in the format that makes the most sense for the information being collected or completing an action during the submission process. For example, date fields make adding a date easy and calculation fields can add, subtract, multiply, or divide values captured in the form or constants.

A field can be added to a screen multiple ways:

Drag & Drop or Click to Add

Use the Fields Library to drag-and-drop a field to a specific part of the screen or click a field type and it will be added as the last field within a screen.

Adding_Fields.gif

+ Between Fields

Hover between two existing fields in a screen to expose a + button, then click Add Field. 

Adding_Fields_2.gif

Smart Field Recognition

Leverage smart fields to add fields fast. To add your first field to a form, click + Add Field, start typing a field label, and press Enter on your keyboard.

Adding_Fields_3.gif

Current Terms for Smart Field Recognition

Image_from_iOS__1_.jpgImage_from_iOS__2_.jpgImage_from_iOS__6_.jpgImage_from_iOS__5_.jpg      Image_from_iOS__7_.jpgImage_from_iOS__4_.jpgImage_from_iOS__3_.jpg

Field Types

The field types you are familiar with are not missing, but simply in another location. Field types like Long Text, Drop Down, and Slider are now Styles in their respective Field Settings located on the General tab within the settings modal, accessible through the gear icon. Below are all current field types in Builder and a list of current Builder field types are now styles in the Builder.

Text___Numbers.pngChoices.pngMultimedia.pngDate__Time____Location.pngOther.png

 

Text Field Type Styles: Single Lines (Short Text), Multiple Lines (Long Text)

Number Field Type Styles:  Number, Increment, Slider, Currency

Single Choice Field Type Styles:  Drop Down, Radio Buttons, Boxes

Multiple Choice Field Type Styles: Checkboxes, Buttons

Calculation Field Type Styles: Table Calculation (Summary)

Unique Field Interactions

When a single choice, multiple choice, calculation, or payment field is added to a screen, users are asked to enter options for single choice and multiple choice or a calculation for a calculation field. 

Single_or_Multiple_Choice.pngCalculation.png

New_Payment.png

 

Editing and Reordering Fields

Reorder Fields

To edit the order in which fields appear, simply hover over the field, click and hold while dragging the field to another location. Fields can be moved within a screen or to another screen. 

Reorder_Fields.gif

 

Delete or Copy a Field

Hover over the field you would like to delete or copy and three icons will appear. Click the trash can icon to delete. Click the second icon, two sheets of paper, to copy the field. Copying a field with multiple settings configured can save time during the building process.

Copying_or_Deleting_a_Field.gif

 

Field Settings

Field Settings are found in the third icon, the gear, when you hover over a field. Field settings will vary for each field type, however there are a few settings in the General tab that will be consistent across most, if not all, field types. 

Field Type Drop Down

To quickly switch a field type.

Field_Type_Drop_Down.gif

Required & Read Only

(1) Makes a field required to be filled out. 

(2) does not allow the user to interact with the field in the form.

Required_and_Read_Only.png

Style

Dependent on field type. Picture below is the Date field type.

Style.png

Default Value

Provides a value by default to the user filling out the form. Pictured below is the Time field type.

Default_Value.png

 

Articles in this section

Was this article helpful?
0 out of 0 found this helpful
Share

Comments

0 comments

Please sign in to leave a comment.