Saltar al contenido principal

Form Elements

DSPTCH has a first-class form feature with many possible ways to input data. This article will go over all types of inputs you might see when submitting a Form, as well as some other info about forms in DSPTCH.

Toggle Desktop Mode

Sometimes, a form might have an embedded diagram or a complex table that's somewhat difficult to normally see. While Editing a Form Submission or Viewing a Form Submissions, you can select the Toggle Desktop Mode to change the Form's layout.

In Toggle Desktop Mode, the Form will no longer automatically fit to your screen. Instead, the page of the form will appear as a smaller version in the center of the screen.

However, now you can pinch to zoom to see the Form's content at your preferred size.

To fit the Form back to your screen, press the Toggle Desktop Mode button again.

Form in default view with Toggle Desktop Mode button and uploaded image visible

It might be hard to see the uploaded image on this Form Submission

Form in Desktop Mode showing the layout shrunk to a smaller centered view

In Desktop Mode, the form will shrink and not fit to the screen

Desktop Mode with pinch-to-zoom applied showing enlarged form fields

Desktop Mode allows you to pinch and zoom

Pinch-to-Zoom

On both Default view and Desktop Mode view, you can Pinch-to-Zoom to increase the size of the text.

Conditional Logic

When filling out Form, there may be some questions that are dependent upon previous answers. Where these questions are entirely depends upon how the form was created. Just be sure to look out for new questions that pop up when filling out forms!

Composite screenshot showing question 9 answer changing the follow-up question 10

Depending upon the answer the question #9, the question #10 will be different

Auto-filled Field

DSPTCH will autofill information into the Form when it can. Some possible autofill fields are Name, Email, Submission Date, etc. The fields that will be auto-filled depends on the form setup.

You can still edit auto-filled fields if necessary.

Question Types

A Form can have multiple different types of inputs, such as Dropdowns, text fields, date pickers, photo uploads, etc. This section will go over each one of them and give examples of what they look like.

Date Fields

Date fields will bring up a calendar to select from. Choose the date and hit Done when you've selected the correct date.

Date selector calendar showing month and day grid with time and Done button

Date selector

Radio Buttons

Also known as multiple choice, tap the correct option. You can only pick one!

Radio button question with multiple single-select options, one selected

Radio Button examples

Checkboxes

Similar to a Radio-Button, but can be multi-select. Choose all appropriate options by touching the checkbox.

Checkbox question with multi-select options, one option checked

When you touch a dropdown menu, it will bring up all available options. You can narrow down the list of choices by using the search menu at the top.

When your choice is selected, hit OK in the bottom right corner.

To clear all currently selected dropdown options, hit the eraser button.

Dropdown field showing down arrow indicator on the right side

Dropdowns will have a down arrow on the right of the field

Dropdown field with eraser icon highlighted to clear the selected value

Hit the eraser to clear all dropdown options

Dropdown open with search bar at top filtering options by typed text

Tap the top search bar to filter dropdown optins

Dropdown options list with OK button in the bottom right to confirm selection

Hit OK in the bottom right to confirm your choice

Upload Pictures/Files

DSPTCH forms allows you to upload pictures from your phone. Questions like these will look like the picture below:

Photo upload question field with Select File button and drag-and-drop area

Picture example

Tap Select File to see your options for uploading.

You may need to allow DSPTCH access to photos on your phone.

Photo upload field showing source options: Photo Library, Take Photo or Video, Choose Files

Options to upload photos (iPhone)

After selecting your photo(s), you should see an item for each one like below:

Photo upload field with two image files queued and ready to upload

Photos ready to upload - the preview may not show until submitted

To remove one photo, tap it to bring up a garbage can icon, and tap it again to delete it.

To remove all photos, hit the eraser button in the top right corner.

Photo upload field with eraser icon highlighted in top right to clear all photos, and trash icon visible on first photo thumbnail

Tap a photo to bring up the garbage can icon - tap again to delete

Take Photo

Some Forms allow for capturing photos directly into the DSPTCH app. If allowed, A Form Question will have the Take Photo option.

DSPTCH recommends you use your phone's native camera app to capture photos, because you can take multiple, higher quality photos.

Photo question field showing Select File and Take Photo buttons

Take Photo option

To use the Take Photo feature, you will need to give DSPTCH permission to access your Camera app.

iOS system prompt asking DSPTCH permission to access the camera

You will need to give DSPTCH access to your Camera

iOS prompt asking to allow DSPTCH to use the camera each session

Each time you wish to take a photo, you will need to select Allow

iPhone Camera details:

Tap anywhere in the black bar to see the camera settings.

Tap the screen to "capture" the photo. If the settings are displayed, the ⏸️ button will switch to a ▶️ button.

Press the ✖️ button to save the photo.

In-app camera live view with pause controls and LIVE indicator

If your phone has both a front and back facing camera, to switch the camera direction, press the 🔁 button in the top right corner of the Form Question.

Photo capture view with rotate switch camera button highlighted in top left

Switch cameras

To delete the captured photo, press the ✖️ button in the top right corner of the Form Question.

Photo capture view with X delete button highlighted in top right corner

Delete captured photo

To save the captured photo, press the red 📷 button in the bottom center of the Form Question.

Photo capture view with red camera save button highlighted in bottom center

Save captured photo

To add more photos directly from DSPTCH, click the grey 📷 button in between the Upload and Erase button in the top left corner of the Form Question.

File preview area with grey camera button highlighted to capture additional photos

Capture more photos for Form Question

Text

Free text, fill out by typing in your answer. Some text fields may have a character limit.

Text input field active with phone keyboard open below

Text fields will bring up your phones keyboard

Signature

Some forms have a field that require a signature. The signee could either be yourself or an external party.

  • Tap inside the signature box
  • Draw your signature with your finger
  • Click the Erase button to remove the signature

Empty signature field showing Sign here placeholder text

Tap inside the signature box

Signature field tapped and active with erase button visible, ready to draw

Next, draw your signature with your finger

Signature field with completed drawn signature and erase button available

If the signature is to your liking, continue with the form. Otherwise you can erase it to start over

Form Pages

Some Forms will have Pages, based on how the Form was created. Pages can sometimes make skipping or requiring certain parts of the form easier.

If you are required to submit a Form with Pages, You will see three possible options at the bottom of the page.

  • Next
  • Next / Previous
  • Previous / Complete

These buttons allow you to navigation through the various pages of the Form, and submit the Form.

Bottom of first form page showing Next button to advance to next page

The first Page will display a Next button

Bottom of intermediate form page showing Previous and Next navigation buttons

Intermediate Pages will display Previous and Next buttons

Bottom of final form page showing Previous and Complete buttons

The final Page will display Previous and Complete buttons

Submitting a Form

Once you are finished filling out your form, press the Blue Complete button at the bottom of the screen!

Form bottom with Complete button highlighted to save and submit the form

Press Complete to save and submit your Form

You will be able to see your submissions back on the main form page.

Required Fields

Sometimes a Form will have fields that must be filled out prior to submitting the form.

Required fields are marked with a red asterisk *

If you forget to complete a Required Field, upon Form Submission, the missing required fields will be highlighted in light red. You must fill out these fields to Complete the Form.

Form fields highlighted in red with Response required messages after failed submission

Missing Required fields turn Red