Skip to main content

Go to Form

Updated
  • FireStart.gotoForm(identifier)
    • Calls function to goto the specified sub form
    • @param {string} identifier - Id or Name of the Form

Example Form 

This example shows how to create an HTML control with a button that goes to a subform of the current task, using the function listed above. This does not only apply for buttons, but in the course of this example, a button is used. 

The first step is to configure a form, in this case, it includes an HTML control only.

htmlC_23_gotoForm_1

Design a second form within the same task.

htmlC_24_gotoForm_2

You can give those forms descriptive names. For this example, we named the second form Subform.

htmlC_25_gotoForm_3

Now you can write your HTML content. As a parameter of the FireStart.gotoForm(identifier) function, the ID of the form (would be 2 in this case) or the name can be used. As we named the second form in the last step we are now able to use this name as the parameter for the function.

htmlC_26_gotoForm_4

 

HTML
 
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"/>
  <script>
    function buttonClick() {
      FireStart.gotoForm("Subform");
    }
  </script>
  </head>
  <body>
    <div class="container">
      <form>
        <div class="form-group">
          <button type="button" class="btn btn-primary" onclick="buttonClick()">Goto Subform</button>
      </div>
  </form>
  </div>
  </body>
</html>

 

 

After you finished and saved your configuration, the workflow is ready to be started. Try to go to the second form using the blue button.

htmlC_27_gotoForm_5 htmlC_28_gotoForm_6

Note: Equal validation rules are applied for the FireStart.gotoForm() function as for a regular form button.

 

Related to