Articles in this section

See more
Form Builder: Overview
  • Updated

The form editor is where you build the forms you’ll use to collect data from your site users. By getting to know the editor, you can use shortcuts and design quality forms.

In this Article...

How to Access the Form Builder

 In order to Access the Form Builder:

  1. Click Edit your Site
  2. Go to Workflow Designer
  3. Click on the Form you wish to edit
    NOTE: This will appear as "Form: [Form Name]"

How to Add a New Question

Adding questions to your form is how you will build your form(s). You can add questions in two ways.

To add a question to the middle of the page:

  1. Click on the Questions tab on the left side of the Form Builder
  2. Click and Drag the question type you wish to add and place it wherever you need to within the page you are on.

 To add a question to the end of the page:

  1. Click on the Questions tab on the left side of the Form Builder
  2. Double Click on the question type to have it added to the very end of the page you are on. 

NOTE: See our documentation on Question Types to learn about which questions you should use to collect the data you need.

Form Title and Description

The Form Title is what your users see when they're treading through your form. You create the title at the form's creation, and can edit it at any time.

When a form is first created, the form title inherits the form name.

The Form Title is what your users see when they enter the form. This is different from the Task Name which the users will view when they are in the main application page. 

Edit the Form Title & Description

  1. Go to the Form Builder
  2. Click the Form tab on the left-side panel.
  3. Update the Form Title & Description as required. 

NOTE: When a form is first created, the form title inherits the form name.

Form Title Restriction

The initial form title when creating the form cannot be longer than 50 characters when creating the task. Change it later to include:

  • More than 50 characters
  • HTML
  • CSS

NOTE: HTML can be entered directly into the Title and Description fields and it will be observed within the live version of the form. 

First Page Only Title and Description

An option is available to have the Form Title and Extra Description only show up on the first page. To enable it, follow these steps:
  1. Go to the Form Builder
  2. Click the Form tab on the left-side panel.
  3. Select the option, "First page title/description only".

Return to Top

Keyboard Shortcuts

Since time is money, administrators can save a few clicks with the keyboard shortcuts. Your mouse must be within the editor box where your questions are located to apply these shortcuts. The “A” icon on the top-right of the editor will have a green plus sign when shortcuts are active. It will have a red minus sign when shortcuts are inactive and your mouse is not hovering over the editor box.

Section Shortcut Description
Save CTRL-S

Save the form in its current form
Select All Questions CTRL-A

Select all questions on the current page
Copy Questions CTRL-C

Copy the selected question(s)
Paste Questions CTRL-V

Paste the question(s) in the clipboard
Delete CTRL-D or Delete

Delete the selected question(s)
Previous Page Page Up

Go back to the previous page
Next Page Page down

Go forward to the next page
 
Return to Top

Save Forms

Saving your form keeps changes you’ve made. There are 3 ways to save your form:

  1. Click the Save button found at the bottom of the left side panel.
  2. Click the Save button found on the top-right bar above the editor box where your questions are located.
  3. Press [Ctrl] + S on your keyboard when your mouse is over your form questions.
Return to Top
 

Preview Forms

Click the Preview this page button is on the top-right bar of the form editor. You can also preview the form from the workflow designer by clicking on the preview icon next to the form name.

The form will appear almost exactly as it would to your user. Since you are previewing the form as an administrator, you will also see any Hidden Questions or JavaScript Questions; however, these will not be visible to your regular applicants.

NOTE: If your form contains Piping Variables used to pipe information from another form, or to pipe information specific to the user, these piping variables will not work correctly within the preview and the field will appear blank. If you wish to test your Piping Variables we would recommend using a test application. For more information in regards to this you can refer to How to Test your FluidReview Site: Testing Forms. 

Return to Top 

Find and Replace

Find and Replace locates and replaces text or phrases in question titles, choices, variables, and extra description fields within a form. A dialog will appear allowing you to specify the text to locate, and what to replace it with. Specify if these changes occur in the entire form, on one page, or for selected questions.

To find and replace text on your form:

  1. Click on the magnifying glass icon on the top-right bar of the form editor.
  2. Enter in the word or phrase you want to change next to “Replace”.
  3. Enter in the new phrase or word next to “With”.
  4. Choose where the change should apply using the dropdown next to “In”.

Learn more about using Regular Expressions when searching for a keyword.

 Return to Top

Versioning

Form Versioning can restore up to 50 previous versions of your form. This can be useful if you accidentally delete or change your form.

To view and revert to a previous version of your form:

    1. Click on the "View Previous Versions" calendar icon at the top of the editor box.
    2. A dialog will then appear. Click on the date to see a listing of all the saved versions of the form.
    3. Click the View button to view the different versions.
    4. Click the Revert button to change your form back to a previous version.
You can restore parts of a form. When the previous form loads, copy ([Ctrl] + C) the question and paste ([Ctrl] + V) it into your present form.
 
Return to Top

Pages

Drag and Drop

You can move entire pages of your form around to change the order in which they appear to applicants.

To change the location of a page in your form:

  1. Click on the page number or page label at the bottom of your form editor.
  2. Drag and drop the page number before or after other pages in your form.
Dragging around pages will not remove applied branching logic. However, we recommend checking the logic to ensure it’s still accurate.
 
Page Labels

Page labels allow you to create named pages of your form that can then branch or jump users to. Page labels do not have a character type restriction, eg., #@!&$%, or character limit.

To change the page title:

  1. Click on the Page tab within the form’s editor.
  2. Under "Page Label" input your new page title. The new name will apply to that page.
  3. Repeat this step for each page.

Return to Top

Right Click Menu

Like keyboard shortcuts, the right click menu exists for power-users. It will save you time when building many or longer forms.

Right Click Menu Tools

Section Description
Cut

Removes and copies to the clipboard all selected questions.
Copy

Copies to the clipboard all selected questions.
Paste

Pastes all questions in the clipboard to the form.
Delete

Deletes all selected questions.
Move To

Allows you to select a page and moves all selected questions to that page.
Duplicate

Duplicates all selected questions.
Change Question Type

Lets you change the question type. This option is not recommended for live forms.
Piping Wizard

Allows you to access the piping wizard to add piping logic to your form.
Mark All/Some as Optional Makes selected questions optional for applicants.
Mark All/Some as Required Makes selected question required for applicants.
Looping

Allows you to set up looping logic (option only shows up when certain question types are on your form: Text Response, Checkbox, Text Response Grid, Multiple Choice Grid, Checkbox Grid, and Semantic Differential).
 
Return to Top
 

Question Morphing

Changes the question type without having to re-enter the question information.

To change from a Section Heading to a Yes/No question type:

  1. Right-click the question you would like to morph.
  2. Select Change Question Type from the list of options.
  3. In the dropdown, select "Yes/No".
  4. Click Morph Field

Another way to morph a question is to: (1) click the question, (2) on the left-hand side of the Options panel, select "Yes/No" under the dropdown "Type".

Question Morphing does not always work. It will try its best to carry the Choices/Variables from one question type to another. But in some cases, you'll lose information. For example, adding columns to a row question type will force the software to remove the choices. Before morphing, save your Choices and Variables.
Return to Top 
 

Bulk Editor

In the case that you have a long list of choices or variables, or a list that you'll be re-using often throughout your many forms, it may be useful to use the bulk editor. The bulk editor converts lists into choices/variables/rows, while giving you the option of saving them for use on any future question. The Bulk option is available under all "Choices" and "Variables" on the left-hand floating editor box.

Section Description
Load Preset

Select from 1 of 23 available presets.
Save a Preset

If a preset is not available, you can create one for later use.
Editor

You can edit a preset after the fact. However, any changes made will not save unless it is as a custom preset.

Additionally, you can also save custom bulk lists. To create a custom bulk list:

  1. Click on the “Bulk” button when adding choices, variables, rows or columns to a question.
  2. Once the dialog appears, write or paste your list into the text field. Make sure that each item in the list is on a separate line.
  3. Enter a name for your list and click Save.

Save a Custom Preset

Section Description
Custom Preset

Enter the name of the present you'd like to use.
Preset Choices

Information typed into here will save in the custom preset. Note that, despite the fact it is a preset, you can still alter it after the fact.

Visual Editor

The visual editor allow you to insert images, text, videos, links, and more to your form. The editor is available in the Question Titles, and Form and Question Descriptions, but not for the Form Title, Choices or Variables.

To access the visual editor:

  1. Click on the question you wish to edit
  2. Under the Options panel on the left, Click on the question title or extra description text box
  3. Click on the Open Visual Editor button beneath the text box.
  4. Edit your text using the options available in the visual editor.
  5. Click OK.
Click the Source button within the visual editor to input HTML, or CSS. While Javascript can be placed in the source, we recommend that you place it in a JavaScript question type instead so that you can find it easily if you need to revisit the form in the future.
Return to Top

Related articles