Skip to Content

How to Create a Web Form

How to create a web form:

1. Open the application and click «Form». You will see the default form for the selected application.

An example of a form

2. Add the web form elements into the form. In the Ribbon, click on the button which stands for the element you want to add to the list:

Name Description
New Panel An element of the form, which can contain multiple form elements, including fields, attachments, tab panels, rich text fields.
Tab Panel A panel with predefined tabs: Description, Discussion, Time Spent, History, Subtasks, and Workflow Viewer. You can add new tabs, customize existing tabs, or remove tabs in the Tab Panel.
Attachments An element of the form to contain attachments.
Static Text Area An element of the form to contain formatted text.

3. Organize the form elements by dragging them to the required position. You can delete unnecessary panels by selecting a form element and pressing the «Delete» button in the Ribbon.

4. Select a form element in the middle area and customize its settings in the right area. Depending on the type of element, only some of the below settings may be available:

Name Description
Main Set the display name and prompt text for the form element. The prompt text appears inside the form element as soon as the page is opened, so users immediately know what it is for. You can also hide the form element name or place it above the element.
Size Settings Switch between manual and automatic resize modes for the form element.
Layout If the form element has child elements, set the layout for them. You can choose the horizontal or vertical layout.
Edit

Select the check box to enable editing data in the form element and select the editor type. For example, for a Reference field you can select one of the following:

  • Reference explorer — an element, which allows a user to perform instant search, when the results are displayed immediately as the user types
  • Drop-down list box — an element, for which the list of all available values appears when clicked
Formats Select one of the formats of date representation. Available for Date/Time fields.
Dimension Set the width or height of the element, if the manual resize mode is specified.
Padding Set the left and top padding values. Padding is the amount of space to insert between the parent element's margin or border and its subordinate elements.

5. Preview the form layout by clicking the «Preview» button in the Ribbon.

6. When the form is ready, click «Save».