A Guide to Form Fields

The following is a list of form fields for use with the Form Builder. This article lets you see what they look like before you implement them in your own forms. 

Fields list: 

NOTE: For a refresher on using the Form Builder, read our article on What is the Form Builder?

 

Acknowledgment Checkbox

Acknowledgement.jpg

The Acknowledgement Checkbox is a checkbox that is used in place of initials on a paper form.

The available options for this component are:

Acknowledgemenet_Checkbox_Fields.jpg 

1.png Header (for online form)  The acknowledgment instructions.
2.png Statement The statement that needs to be acknowledged.
3.png Acknowledgment is required  Makes the field mandatory for the patient to check the checkbox to proceed.

4.png

 

Destination

 

Choosing a destination determines where the checkboxes will be displayed. You can choose between “iPad”, “Online” or “Both”.

 The animation below shows you how to add this form field to your form:

Add_Aknowledgement_Checkbox.gif

Back to the top

 

Appointment Reminder Preferences

Reminders.jpg

This field collects approvals from patients regarding sending email and text messages for appointment reminders. You may edit the text of the questions, but the default should suffice.

The only options for this component are Destination, where you select where it will appear (iPad, Online, or both), and whether the field buttons appear in English or Spanish.

Reminder_Fields.jpg

Back to the top

 

 

Checkboxes

Checbox.jpg

This is used as a list of values where the patient can check one or more values from the list. An example of checkboxes is “how long has it been since your last visit? (i.e., 3 months, 6 months, 1 year, more than 1 year).

The available options for this component are:

checkboxes.jpg

1.png Question The checkbox question.
2.png Has border Creates a border around your checkboxes.
3.png Small font Makes your font smaller.

4.png

 

Columns

 

Organizes your answers into columns. You can have up to 3 columns.

5.png

 

Has other option

 

Adds an extra check box called “Other” and if it’s selected a single-line field will appear for you to fill in.

6.png

 

 

 

 

 

 

Use YN button

 

 

 

 

 

 

Replaces checkboxes with YN selection icons. It is advised not to use this option as it appears very small on the iPad screen hence very hard to read.

YN_Option_Checkbox.jpg

7.png Single selection is required Makes the field mandatory for the patient to select a single answer to proceed (for iPad only).

8.png

 

Selection Option

 

Contains the checkboxes values. Write each value on a separate line.

9.png

 

Destination

 

Choosing a destination determines where the checkboxes will be displayed. You can choose between “iPad”, “Online” or “Both”. 


The animation below shows you how to add this form field to your form:

Add_Check_Box.gif

Back to the top

 

Data Row

fbdox-datarow.jpeg

The Data Row field works differently from other form fields. This field allows you to include more than one element in single row. You can add Label, Text, List, Checkbox, Yes/No, and Image elements.

To add a Data Row:

  1. Select the Add button from the Document Builder main menu.

Add_Button.jpg

The Select Question Type dialog box will open.

  1. Select Data Row from the drop down then click on the Add.

Add_Data_Row.jpg

The Data Row dialog box will open.

  1. Click on the Add button to add your first element.

Add_Data_Row_fields.jpg

The Add dialog box will open.

  1. Select the element type you would like to add to your data row from the Type list item and type in the element label in the Text field. You can also adjust the element width from the Width field and element alignment from the Alignment list item.

The available Types are as follows:

CloudApp_Annotation_Add_Data_Row_field2.jpg.png

  1. Click on the OK button when you’re finished. The data row element will be added to the data row list box.

Data_Row.jpg

Repeat steps 3-5 until you’ve added all your data row elements.

  1. If you need to, adjust the spacing between your elements by clicking on the Spacing field.

Data_Row_Fields_Spacing.jpg

  1. When you’re done click on the OK button. The new Data Row should be added to the Question Area.
Back to the top

 

Filler

 

This component adds empty space for a better aesthetic layout. The only available option is to set the height, in pixels, of the Filler object.

NOTE: This field does not display any visible elements.

Filler_Fields.jpg 

The animation below shows you how to add this form component to your form:

Add_Filler.gif

Back to the top

 

Headers

Header_with_callout.jpg

This is the title of the form being created or modified that appears at the top of any form. Common examples are “Dental History” or “HIPAA Notice of Privacy Practices.”

 

The available options for this component are:

Header_Details_with_numbering.png

1.png Header Text The text that appears in the header.
2.png Text Size You can choose from Default, x-small, small, large, and x-large.
3.png Alignment Choose from Left, Center, and Right.
4.png Text Color The color of the text. Double-click to open the color picker.

5.png

 

Background Color

 

The color of the background behind the text. If Transparent is turned on, this option will be disabled. Double-click to open the color picker.
6.png Destination The Header component can work in both iPad and Online modes.

7.png

 

Transparent

 

Disables the Background Color setting. If you use this option, select a dark Text Color to properly contrast the white background of the application.

NOTE: For longer header names, use a smaller text size and left-align your text. Otherwise, center-align the text. Also avoid using all caps headers.

 

The animation below shows you how to add this component to your form:

Add_Header.gif

Back to the top

 

Images

Image2.jpg

The Image field allows you to add an image to your form.

The available options for this component are:

Image_Fields.jpg

 

1.png Image URL Insert the URL to your image.

2.png

 

Action Script

 

Insert any Javascript to be performed when the image is loaded. By default, leave this field empty.

3.png Logo Click this button to insert the image you have set as your logo.
4.png Destination Determines if the field will appear on the iPad, online, or on both.
5.png Width Defines the width of the image, in pixels.

6.png

 

 

Height

 

 

Defines the height of the image, in pixels.

NOTE: The default height is 0px (zero). If you do not change this, the image will not appear.

7.png

 

X-offset

 

Defines the horizontal positioning of the image, in pixels. This value sets the left-most margin as zero ("0").
8.png Show Loads the defined image in your default browser.
Back to the top

 

Labels

Label_2.jpg

Use the Label component to mark logical sections or groups of questions.

The available options for this component are:

label_fields.jpg

 

1.png Label Text This is the text of the label as it appears on the form.
2.png Text Size Your options are Default, x-small, small, large, and x-large.
     
3.png Destination This components work for both iPad and Online modes.
4.png Text Color Your options are Black, Red, or Blue. 

The animation below shows you how to add this form component to your form:

Add_Label.gif

Back to the top

 

Lists

List.jpg

This is used as a drop-down list where the patient can select only one value from the list. Examples of lists are gender, marital status and employment status.

The available options for this component are:

List_Fields.jpg

 

1.png Question The List question.

2.png

 

Inline

 

Indents your List.  When you click on this checkbox a Width drop down appears. You can choose your width or leave the default value.
3.png Answer is required Makes the field mandatory for the patient to select an answer from the list to proceed.
4.png Has border Creates a border around your List.
5.png Selection Option

Contains the list values. Write each value on a separate line.

6.png

 

Destination

 

Choosing a destination determines where the Label will be displayed. You can choose between “iPad”, “Online” or “Both”.

The animation below shows you how to add this form field to your form:

Add_List.gif

Back to the top

 

Medical Conditions

fbdox-medicalconditions.png

This field allows the patient to select pre-existing conditions.

You can choose from a selection of pre-defined titles or write your own. In addition, you have the option to add an "I checked all that apply" checkbox to the bottom of the form.

Image_2018-04-24_at_8.46.29_AM.png

 The animation below shows you how to add this form field to your form:

Add_Medical_Conditions.gif

Back to the top

 

Multi-Line Text

Multi_Line.jpg

Used for text input for an explanation that requires more than one line such as list of conditions, list of medications and comments.

Available Multi-line Text options are:

Multiline_Fields.jpg

1.png Question The multi-line text question.
2.png Answer is required Makes the field mandatory for the patient to fill in to proceed.
3.png Has Border Creates a border around your multi-line text.

The animation below shows you how to add this form field to your form: 

Multi-Line_Text.gif

Back to the top

 

Page Break

 

Adding this field will divide your form into pages, but it is only designed to work on iPad forms. This page break will not have any effect on the online version of the form.

NOTE: Do NOT use the Page Break with a Scrollable Single-Page form.  This will break your form by adding a Save button instead of Next and Back buttons on the page that will prevent you from moving between pages and causes you to close your form.

 The animation below shows you how to add this form field to your form:

Page_Break_Online.gif

Back to the top

 

Page Break Online

 

Adding this field will divide your form into pages but only for online forms. This page break will not have any effect on the iPad version of the form. 

The animation below shows you how to add this form component to your form:

Page_Break_Online.gif

Back to the top

 

Paragraph

Paragraph.jpg

This is used for the majority of larger body texts that contain several paragraphs of text. A common example is the main text body for consent forms.

The available options are:

 Paragraph_Fields.jpg

1.png Paragraph Area to write your text.

2.png

 

 

 

 

 

 

Spell Check

 

 

 

 

 

 

Use this to check your spelling. If you click on this button all misspelled words will change color to red.

paragraph_spelling.jpg

3.png Vertical adjustment Adjusts the vertical position of your text
4.png Text Color Changes the text color.

5.png

 

Destination

 

Choosing a destination determines where the paragraph will be displayed. You can choose between “iPad”, “Online” or “Both”.

6.png

 

 

Has HTML

 

 

Checking this box allows you to use HTML code to format your text. If you include HTML and don’t check this check box your code will appear along with the paragraph text instead of the formatting applied to the text. 

The animation below shows you how to add this form component to your form:

using-form-builder-paragraph.gif

Back to the top

 

Patient Address

fbdox-patientaddy.png

This field collects address information for patients.

The available options for this field are:

Address.jpg

1.png Question The label for the street address line 1 (displayed online only).
2.png Answer is required The patient(s) must include this information to complete the form.
3.png Read Only The field only displays information and does not collect it.
4.png Has Border Applies a simple border around this field.

5.png

 

 

 

 

Empty

 

 

 

 

UNCHECKED: Existing patient address information stored in your PMS is displayed.

CHECKED: Makes the fields empty each time the form is loaded.

Use Empty for New Patient forms, as you do not already have address information to display.

6.png Add Phone Adds a field for a phone number.
7.png Add Email, Mobile Phone Adds a field for an email address and a mobile phone number.
8.png Add Work Phone Adds a field for a work phone number.
9.png Add 'Same Address for Entire Family' Checkbox Adds a checkbox where the patient can indicate if the same address should be applied to all family members. For use with Family Mode only.
NOTE: You can only use one Patient Address field per form.

In addition, you have the option to add an "I checked all that apply" checkbox to the bottom of the form.

The animation below shows you how to add this form field to your form:

using-form-builder-PXaddy.gif

Back to the top

 

Patient Birthdate, Weight, Age

fbdox-bdayweightage.png

This field is a combination field used to collect patient birthday, age, and optional weight values.

Aside from making the answer required, the options available are to include a border and to choose English or Spanish language versions. 

Image_2018-04-24_at_11.26.15_AM.png

 The animation below shows you how to add this form field to your form:

using-form-builder-PXbwa.gif

Back to the top

 

Patient Name

Patient_Name.jpg

Selecting this field creates the First Name and Last Name fields. You can also choose to display a field for a patient's birthday.

  Patient_Name_Fields.jpg

NOTE: Including this component as the first field or after the form header in your form is considered a Best Practice. All patient documentation must include identifying elements in order to ensure proper routing, display, and security.

Back to the top

 

Referred By

fbdox-referred.jpeg

This field is a simple text field for collecting the name of the doctor who referred the patient to your practice. By default, the tag is automatically selected. The only option is if you would like for this field to be required.

By default, the tag is automatically selected. The only option is if you would like for this field to be required. 

Image_2018-04-24_at_11.16.37_AM.png

The animation below shows you how to add this form field to your form:

using-form-builder-referredby.gif

Back to the top

 

Segmented

Segmented.jpg

This is used as a list where the patient can select only one of the values visible as buttons next to each other on the form.

The available options for this component are:

Segmented_Fields.jpg 

1.png Question The segmented question.
2.png Inline Indents your List.
3.png Answer is required Makes the field mandatory for the patient to select an answer to proceed.
4.png Has Border Creates a border around your segmented.
5.png Small Makes your font smaller.

6.png

Selection Option

Contains the segmented values. Write each value on a separate line.

The animation below shows you how to add this form field to your form:

using-form-builder-segmented.gif

NOTE: This form field will appear as a drop down menu when viewed online.

Back to the top

 

Separator

Seperator.jpg

A separator is a horizontal line across your form.

The only options for this component are Color and Height (in pixels). To change the color of the separator, double-click the color box. 

Seperator_Fields.jpg

NOTE: This form field is for iPad forms ONLY.

Back to the top

 

Signature

Signature.jpg

The signature should be used by default on every form created unless you choose otherwise. It is usually the last field on your form. Alongside the patient signature, you can add a doctor or witness signature.

The Is required checkbox makes it mandatory for the patient/doctor to sign the form before it is saved. The Add name checkbox displays a field for the patient to enter their name under the signature line. Add “Doctor” or “Witness” to the Footer field if the signature you are creating is for a doctor or a witness.

 Signature_Fields.jpg 

Back to the top

 

Single-Line Text

Single_Line_PLaceholder.jpg

This is used for text input such as name, phone number, and email.

Available Single-line Text options are:

Single_Line_Fields.jpg

 

1.png Question The single-line text question.

2.png

 

Inline

 

Indents your single-line text. When you click on this checkbox a Width drop down appears. You can choose your width or leave the default value.
3.png Answer is required Makes the field mandatory for the patient to fill in to proceed.
4.png Has Border Creates a border around your single-line text.
5.png Input Type Formats your field to the type of data you want to enter in the field.

6.png

 

 

Placeholder

 

 

Adds grey text in the field that can be a further explanation of the formatting expected or provides an example of what to input. As soon as you start typing the placeholder text goes away.

The animation below shows you how to add this form field to your form:

using-form-builder-singlelinetext.gif

Back to the top

 

Student Status

Student.jpg

This field asks the patient about their student status.

The available options for this field type are:

Student_Status_Fields.jpg

 

1.png Question The Student Status question.
2.png Options Contains the list values. Write each value on a separate line.
3.png Required Makes the field mandatory for the patient to select an answer from the list to proceed.
4.png Include School Name question Adds School Name field.
Back to the top

 

Web Popup

Web_Popup.jpg

This is used to add a hyperlink on your form that links and opens a webpage or a local HTML file.

Type the text that will be displayed on your form in the Title field then the URL in the Location field.  You also need to specify the source of the link by selecting Local or Internet from the Location radio group.

Web_pop_up_fields.jpg

NOTE: Make sure to include the complete URL. This will include the HTTP:// or HTTPS://

The animation below shows you how to add this form component to your form:

using-form-builder-webpopup.gif

Back to the top

 

Yes/No Question

YesNo.jpg

Used for answering questions that have “Yes” or “No” answers. Examples are “Do you smoke?”. It can also be used for conditional questions like “Do you like your smile, if no why?”

The available options for this field type are:
YesNo_Fields.jpg

1.png Question The Yes/No question.
2.png Yes & No The text that will be displayed for a positive/negative answer.
3.png Inline Indents your Yes/No.
4.png Answer is required Makes the field mandatory for the patient to fill in to proceed.
5.png Has Border Creates a border around your Yes/No element.
6.png Small Makes text smaller. This can be used for long questions.

7.png

Required

Makes the Yes/No conditional; meaning if you choose an answer the element will prompt you to explain your answer further.

8.png

 

When Yes/ When No

 

Specifies when the element will display a single line text field to explain your answer. The Required checkbox has to be checked to enable this option. 

9.png

Placeholder

The answer prompt that provides different default options or allows you to type in a custom prompt. 


NOTE
: Avoid making the question too long or a filler will be required to ensure proper spacing.

 The animation below shows you how to add this form field to your form:

using-form-builder-yesnoquestions.gif

Back to the top

 

Was this article helpful?
2 out of 2 found this helpful