Add the custom Form to a page

You add a custom form to a context layout page, so that Mobile Workers can open and fill it.

  1. Click Configuration > User Types.
  2. Select the type of user for which you want to add the Form.
  3. Click Screen configuration.
  4. Find and click the page to which you want to add the Form.
    The Visual Form Editor page appears.
  5. Drag-and-drop the Button element to the section from where you want to invoke the Form.
  6. Click the button.
  7. In the Standard action screen field, click the pencil icon and then select Custom Forms.
  8. In the Screens list, select the name of the Form that you want to open and click OK.
    The label of the Form is displayed in the Custom Forms field, as shown in this screenshot:
    This screenshot shows a Form being added to the Edit/view activity context layout.
    By default all Forms have a visibility of Read-only.
  9. In the Visibility section, add the conditions based on which the Form is visible.
  10. In the Parameters section, add the values that you want the Form to be populated with:
    1. Click Add new.
      The Add parameter dialog box appears.
    2. Click Entity and select Form data.
      The Hidden value, Date, Time, and Date and Time elements added to the Form appear in the Field name list.
    3. Select an element in the Field name list.
    4. In the Value field, add the value that you want to be populated for the element.
      For example, let’s say you have a field by name City and you want to populate it with New York. Select City in the Filed name list and enter New York in the Value field. Whenever a Mobile Worker opens the Form, New York is populated for City. In another example, let’s say you want to populate today’s date in a Date field. Select the Date field in the Field name list and enter ‘today’ in the Value field. Whenever a Mobile Worker opens the Form, today’s date is displayed. Similarly, enter ‘current time’ in the Value field to display the current time in the Time field.
    5. Click Save.
  11. In the Translations section, add a name for the Form.
    This name is displayed on the page from which the Form is invoked.
  12. Click Save on the Visual Form Editor page.
    The Form is added to the selected page.