Build a form with Field Maps Designer (2024)

To collect data with ArcGIS Field Maps, mobile workers open a map and fill out a form on their mobile device. With Field Maps Designer, you can create the maps, layers, and forms mobile workers use to collect data. In this tutorial, you'll learn how to build a form for a data collection project.

This tutorial is part of a series and must be completed in the correct order. Visit the Field Maps series page to view the entire series.

This tutorial was last tested on March 6, 2024.

Requirements

  • Completion of the tutorial Create a map with Field Maps Designer.
  • ArcGIS organizational account with a Publisher, Facilitator, or Administrator role in an ArcGIS organization (see options for software access)
  • ArcGIS Field Maps
  • ArcGIS Online

Outline

Create a form

Create a data collection form in Field Maps Designer.

    5 minutes
Enhance your form by adding basic and choice elements

Add form elements such as text, numbers, dates, switches, lists, and combo boxes.

    20 minutes

You have created the map and feature layers required for data collection. Next, you will build a form in Field Maps Designer that mobile workers will use to collect information about park amenities.

Start a blank form and add groups

You will create a form from scratch and add groups that are relevant to your project.

  1. Browse to the Field Maps Designer home page and sign into your account.

    Build a form with Field Maps Designer (1)

    The Maps page appears.

  2. Click the Park Asset Inventory map you created in the Create a map with Field Maps Designer tutorial.

    Build a form with Field Maps Designer (2)

    The Forms page opens with a blank form canvas.

    Build a form with Field Maps Designer (3)

    In the Forms section, the Layers list displays each layer in the map. When mobile workers fill out and submit a form in Field Maps, they are adding or updating a feature within the layer. You can build a form for each of the three layers, but for this tutorial you'll focus on the Amenities layer, which is selected by default as indicated by the blue line next to it.

    Build a form with Field Maps Designer (4)

    Mobile workers will use the form to add park amenity features to the layer. To build the form, you'll use form elements found in the Form elements pane.

    Build a form with Field Maps Designer (5)

  3. In the Form elements pane, in the Layout section, click the Group element and drag it onto the form canvas.

    Build a form with Field Maps Designer (6)

    A group is added to the form.

    Build a form with Field Maps Designer (7)

  4. Close the Properties pane.
  5. In the same manner, add a second Group element to the form.

    Build a form with Field Maps Designer (8)

    Like sections on a paper form, group elements allow you to group information together in sections that can be collapsed and expanded in Field Maps.

    Note:

    When you first add an element to the form, the layer name is used as the form title. You'll change the form title later.

  6. In the form, click the first group element.

    The Properties pane appears.

    Build a form with Field Maps Designer (9)

  7. In the Properties pane, for Display name, type Collector information.

    Build a form with Field Maps Designer (10)

    The name of the element updates in the form.

  8. In the form, click Group name 2 and change its name to Amenity information.

    The two groups should look like the following:

    Build a form with Field Maps Designer (11)

  9. Click the Save button to save the form.

    Build a form with Field Maps Designer (12)

    When you save, it saves changes to the map. However, you can also save changes to the layer if you want to reuse the form across other maps. For this tutorial, you'll save to the map. To learn more about saving to the layer, see Save the form.

  10. Close the Properties pane.

    You have created a form and added two groups. Now you are ready to add elements to the form.

Mobile workers using a form in the field must have boxes to type into or drop-down menus to choose from so they can enter information properly. There are two types of form elements that you can add: basic and choice. Basic elements include things such as text boxes, date and time options, and numbers. Choice elements allow users to make choices in the form, such as a combo box containing several options, a switch, or a list.

Add basic form elements

You have created the form and have added two groups to it. Next you'll add basic form elements to each group.

  1. In the Form elements pane, in the Basic section, drag a Text - Single line element to the Collector information group.

    Build a form with Field Maps Designer (13)

  2. In the Properties pane, enter the following information:
    • For Display name, type Name.
    • For Field name, change the existing text to collector_name.
    • For Placeholder, type First and last name.

      Placeholder text appears in the form element until the user inputs their own data, providing a hint about the type of information they should provide.

    Build a form with Field Maps Designer (14)

  3. Close the Properties pane and save the form.

    Next, you'll add a number element to the same form.

  4. In the Form elements pane, drag a Number - Integer element to the Collector information group and place it under the Name box.
  5. In the Properties pane, enter the following information:
    • For Display name, type Collector ID.
    • For Description, type Enter the two digit ID assigned to you by the Park Committee.
    • In the Logic section, check the Required check box.

    Build a form with Field Maps Designer (15)

  6. Close the Properties pane or click off the form to close it.
  7. Add a Date/Time element to the Collector information group and place it under the Collector ID box.
  8. In the Properties pane, enter the following information:
    • For Display name, type Collection date.
    • For Start date, click the drop-down menu and choose today's date.
    • For End date, click the drop-down menu, and choose a month from today.

    Build a form with Field Maps Designer (16)

  9. Close the Properties pane.

    The Collector information group is complete.

    Build a form with Field Maps Designer (17)

    You've added basic elements to the Collector information group. Next, you'll add form elements to the Amenity information group.

Add choice form elements

Next, you will add choice elements such as combo boxes, option buttons, and switches to allow field workers choices when using the form in the field. You'll begin by adding a combo box containing all the park names for your area.

  1. Add a Combo box element to the Amenity information group.

    A combo box element displays options as a drop-down list in Field Maps.

  2. In the Properties pane, enter the following information:
    • For Display name, type Park name.
    • For Field type, choose or verify String.
    • Click the Create list button.

    Build a form with Field Maps Designer (18)

    The List of values: Park name window appears. In this window, you can add the options that mobile workers can choose from when using the form in the field.

    Build a form with Field Maps Designer (19)

    The Label value is displayed in the form, and the Code value is stored in the layer. You can manually add values, or you can upload a .csv file to automatically populate values. To save time, you will import a .csv file containing the correct options.

  3. Download the ParkNames .csv file.
  4. Go to the Downloads folder and drag the ParkNames file to the List of values window.

    Build a form with Field Maps Designer (20)

    The list of values is populated with the park names from the .csv file.

    Build a form with Field Maps Designer (21)

  5. Click Done and click Continue. Close the Properties pane.
  6. Add a Radio buttons element to the Amenity information group.

    A Radio buttons element displays options as buttons on the form.

    Build a form with Field Maps Designer (22)

    To reduce the amount of scrolling on the form, only use this element for five or fewer options.

  7. In the Properties pane, enter the following information:
    • For Display name, type Amenity type.
    • For Field type, choose or verify String.
    • Click the Create list button and manually add the following values by clicking the add button after typing each:
    LabelCode

    Bench

    Bench

    Trash

    Trash

    Recycling

    Recycling

    Light post

    Light post

    Restroom

    Restroom

    The Code values are automatically carried over from the Label values. You can change the code values if you want them stored differently in the layer; however, you'll use the same values for labels and codes in this example.

  8. Click Done and click Continue.

    Build a form with Field Maps Designer (23)

    The Amenity information group updates on the form.

    Build a form with Field Maps Designer (24)

  9. Close the Properties pane.
  10. Add a Switch element to the Amenity information group.

    Switch elements display two options as a switch on the form. They allow mobile workers to quickly select between two options and are useful for yes or no questions.

  11. In the Properties pane, enter the following information:
    • For Display name, type Has damage?.
    • For Field type, choose or verify String.
    • In the Switch values section, for Off value, type No, and for On value, type Yes.
    • For Default value, choose No

    Build a form with Field Maps Designer (25)

  12. Close the Properties pane and save the form.

    The Amenity information group is complete.

    Build a form with Field Maps Designer (26)

    Next, you'll title the form.

  13. Click the default form title (Amenities) to edit it.

    Build a form with Field Maps Designer (27)

  14. In the Properties pane, for Form title, type Park Amenity:

    After the text, you'll add a field value so the form title is specific to the amenity type mobile workers are collecting.

  15. Next to the title, click the Add field button.

    Build a form with Field Maps Designer (28)

  16. Click the Amenity type field and click Done.

    Build a form with Field Maps Designer (29)

    After mobile workers select the Amenity type option when filling out the form, the form title will update to reflect the type of amenity being collected.

    Build a form with Field Maps Designer (30)

  17. Click the Save button to save the form.

Now that you've built the form, you can share the map with mobile workers so they can begin collecting data. To learn how to share the map, see the next tutorial in the series, Share a map for use in Field Maps.

Acknowledgements

Send Us Feedback

Please send us your feedback regarding this tutorial. Tell us what you liked as well as what you didn't. If something in the tutorial didn't work, let us know what it was and where in the tutorial you encountered it (the section name and step number). Use this form to send us feedback.

Share and repurpose this tutorial

Sharing and reusing these tutorials are encouraged. This tutorial is governed by a Creative Commons license (CC BY-SA-NC). See the Terms of Use page for details about adapting this tutorial for your use.

Build a form with Field Maps Designer (31)

Build a form with Field Maps Designer (2024)

References

Top Articles
Latest Posts
Article information

Author: Wyatt Volkman LLD

Last Updated:

Views: 6212

Rating: 4.6 / 5 (66 voted)

Reviews: 81% of readers found this page helpful

Author information

Name: Wyatt Volkman LLD

Birthday: 1992-02-16

Address: Suite 851 78549 Lubowitz Well, Wardside, TX 98080-8615

Phone: +67618977178100

Job: Manufacturing Director

Hobby: Running, Mountaineering, Inline skating, Writing, Baton twirling, Computer programming, Stone skipping

Introduction: My name is Wyatt Volkman LLD, I am a handsome, rich, comfortable, lively, zealous, graceful, gifted person who loves writing and wants to share my knowledge and understanding with you.