In the App design page, click on the the Create New Formbutton button along the top. Image RemovedImage Added
Key in the details of the new form. Form ID: A short and unique ID for each form (no spaces) e.g.travelRequestForm Form Name: A descriptive name e.g.Travel Request Form Table Name: The database table name to store the form data e.g.travel_requests. Note that different forms can share data by pointing to the same table name. Image RemovedImage Added
Click on on Saveto to save the form and launch the the Form Builderin a in a new window. If your browser blocks the popup, click on the form name to launch it. Image RemovedImage Added
The first step in the Form Builder is the the Design Formpage page. On the the leftis the palette containing available is the palette containing available form elements. In the the middleis the is the canvascontaining containing one or more more sections, and each section may contain one or more columns.
When you mouseover a section header (or any form element), buttons appear giving you options. Image RemovedImage Added
Click on on Edit Section. This opens a a Property Editorshowing showing properties that you can modify. Each form element has different properties that can be configured. Image RemovedImage Added
Click on the the OKat at the bottom to save the property changes.
You can add sections using using Add Section, and move sections around by dragging.
Dragform form elements from the palette into any section. Image RemovedImage Added
Hover any form element to see the the Editand and Deleteoptions options. Click on Edit to modify the form element properties. Image RemovedImage Added
At any time, you may preview the form by clicking on the large large Previewbutton button at the top.
Once you have finished designing the form, click on the large large Savebutton button at the top and you will receive confirmation that the form is saved. You may then continue to design the form, or close the Form Builder window.