Adeptia Web Forms is Web Forms are an interactive feature that allows you to create a form to transfer data from a source to destination. Adeptia Connect supports Sencha Architect to design Web Forms. Web Forms are so simple to use that a business user can easily create it by adding controls, customizing the appearance and layout, and adding rules that decide the behavior of the form. It contains elements such as a checkbox, text box, and many other features that you may need to use to fill the details required for data transfer.
Once created, you can provide access to the form to your Partners. On Adeptia Connect, you can access the created form from the Partner, Transactions, and Dashboard tab. You can create following three kinds of Web Forms:
- Form: A single page step form.
- Wizard Form: A wizard type would contain a complex form with multiple steps in different pages. For example, if you have a large form for entering user data, you would create a wizard form to divide the detail fields into a series of steps. At runtime, the wizard form would display the Web Form asking to fill the details like any other online complex form.
- Custom: A customized web page developed in Ext JS.
Image Removed
________________________________________________________________________________________________________________________________
Web Forms are only supported in a non-clustered deployment of Adeptia Connect.
Creating a Web Form
Step-by-step instructions to design a web form
Step-by-step instructions to create a Web Form.
Activating a Web Form
Learn how to activate or deactivate a Web Form.
Accessing and Using a Web Form
Use a form as a web page or in Template/Transactions.
Editing a Web Form
Modify the details of a Web Form.
Viewing a Web Form
View the details of a Web Form.
Granting Web Form Access to Partner
Step-by-step instructions to grant Web Form access to a Partner.
Deleting a Web Form
Delete a Web Form to permanently remove it from Adeptia Connect
Use Sencha Architect to design a Web Form that can be used in a Transaction/Template.
Prerequisites
Before using Sencha Architect to Design a Web Form, ensure that you meet the following requirement:
- You must install Sencha Architect on your system. Click here for latest version of Sencha Architect.
You can Design a Web Form using Sencha Architect in two ways.
| Expand |
|---|
| title | Using Transaction/Template Form |
|---|
|
- Download and unzip the Transaction/Template Form and place it in your system at desired location (e.g. c:\projects\dashboard\resources\).
Open the Sencha Architect and click Open to select the unzipped Transaction/Template Form for editing. Click here for Sencha Architect Tutorial.  Image Added
Design a form by using Sencha drag-and-drop feature. Choose components from the right hand panel and drop them on the center canvas.
 Image Added
Select the field and search the Name attribute from the right hand attribute panel. Enter the Name which will appear in the JSON schema.  Image Added
Click  Image Added and select Build Settings from the drop-down list.  Image Added
Select Production as Environment and provide the publish path. Click Save and the application will appear with specified project name in the provided Publish Path.  Image Added
| Info |
|---|
| Choosing Production as Environment will process your Web Form quickly as it compress the files. |
| Info |
|---|
Click  Image Added preview button to preview the Web Form. Your default browser will open a new tab showing the Web Form. |
|
| Expand |
|---|
| title | Using New Project Option |
|---|
|
- Open the Sencha Architect and click New Project to create a Web Form. Click here for Sencha Architect Tutorial.
Image Added
- Choose the framework Ext JS 6.6.x Classic at the top-right of the New Project screen.
- Select the Blank Project and click Create.
 Image Added
Select the Form Panel from right hand Toolbox Panel and Drag and Drop to the center canvas.  Image Added
Design a form by using Sencha drag-and-drop feature. Choose components from the right hand panel and drop them on the center canvas.
Image Added
Select the field and search the Name attribute from the right hand attribute panel. Enter the Name which will appear in the JSON schema.
Image Added
Create Submit button with the help of Project Inspector and Attribute Panel. To create Submit Button, follow these steps: Drag and Drop the Button from right hand Toolbox Panel to the center canvas. Rename the Button as required (e.g. Submit). Right click the Submit Button in Project Inspector Panel. Select the Event 'Click' from the drop-down list and provide Function Name. Click Create Binding.  Image Added
 Image Added
Click onButtonClick from Project Inspector Panel and add the code window.parent.Ext.ComponentQuery.query('transactionswrapper')[0].getController().submitWebForm(button.up('form')); in Code Tab.  Image Added
To save the project, provide the path and click Save.  Image Added
Click Image Added and select Build Settings from the drop-down list.
 Image Added
- Select Production as Environment and provide the publish path. Click Save and the application will appear with specified project name in the provided Publish Path.
Image Added
| Info |
|---|
| Choosing Production as Environment will process your Web Form quickly as it compress the files. |
| Info |
|---|
Click  Image Added preview button to preview the Web Form. Your default browser will open a new tab showing the Web Form. |
|
Follow one of these steps to deploy the application:
- Copy the folder created and place it directly in the web-apps folder of web server where the connect application is running. OR,
- Provide the web-apps path of web server in the Save path field and it will create the application directly in the web-apps folder of web server.
Restart the web server to publish the Web Form.
...
Once you have designed a Web Form using Sencha Architecture, you can create a Web Form in Adeptia Connect. To create a Web Form, refer to Creating a Web Form.
