Component Form

The Form component is represented by the icon:   and allows you to create web forms.

To modify the behavior of a Form component, double click on the component name located in the central workspace, it opens a popup window called "Component Configuration Window". The following figure shows the window for the component:

The first field of the window shown in the figure above is a field called "Name Component", in this you can enter a name for the component. Then there are two tabs: "Form" and "Fields". In the Form tab you can modify three aspects of the form:

• Form Title: This is the title that has the form. If you wish not to have a title for the form this field is left empty.
• Submit URL: Here you should put the url to which the form will be sent.If you want to submit the form to a process created in SistevProcess, you must first create a url for this process as indicated in the "Manage urls Process" section.
• Method: This is the method used to submit the form, can be GET, POST or AJAX. If the AJAX method is chosen, a text field appears with a javascript that allows the form submission using jQuery library, if you want to use this script to include the jQuery library in the process (component see "Resources") and change the script at your convenience.

In the Fields tab, you can add fields to the form. To do this select the Fields tab and click on the "Add Field" button, then appear the fields shown in the following figure:

As can be seen in Figure a form called "New field" with multiple fields displayed. The first field is called "Label" and will be visible label or field name. The second field called "Name" and is the name by which the field is sent to the final destination, you should use only alphanumeric characters and avoid special characters such as accents. The third field called "Type" and is the type of field you want to add, or if a password textfield or textarea, etc will. The fourth field is called "Value", and lets you enter a default value for the new field, in the case of the exchange field and multiselect select the "Value" field is used to enter new field options, these options are must enter in json format as shown in the following notation:

 [  
      {"value":"value_1","label":"label_1"},  
      ...  
      {"value":"value_n","label":"label_n"}  
 ]  

We will show an example of the notation shown above, using hexadecimal color codes:

 [  
      {"value":"#FFFFFF","label":"White"},  
      {"value":"#000000","label":"Black"},  
      {"value":"#CCCCCC","label":"Gray"}  
 ]  

Finally to add the new field click on the "add" button or the "add more" button to continue adding fields. After adding the desired fields in the Fields tab you will see a list of all the fields that you have created, which you can edit and / or delete.

At the bottom of the window are three buttons appear: Save, Apply, Cancel. The Save button: Saves the changes made to the component and close the window. The Apply button: Saves the changes made to the component without closing the window. The Cancel button: Closes the window without saving changes to the component.