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.
...
You can Design a Web Form using Sencha Architect in two ways. Follow these steps to Design a Web Form using New Project option:Follow these steps to Design a Web form using Transaction/Template Form:
Expand |
---|
title | Using Transaction/Template Form |
---|
|
- Install Sencha Architect on your system. Click here for latest version of Sencha Architect.
- Download and unzip the Transaction/Template Form and place it in your system at desired location.
Open the Sencha Architect and click Open to select the unzipped Transaction/Template Form for editing. Click here for Sencha Architect Tutorial.

Design a form by using Sencha drag-and-drop feature. Choose components from the right hand panel and drop them on the center canvas.

Search the Name from the right hand attribute panel and enter the Name which will appear in the JSON schema. 
Click and select Build Settings from the drop-down list. 
Select Product as Environment and provide the publish path. Click Save and the application will appear with specified project name in the selected Publish Path. 
Info |
---|
Choosing Product as Environment will process your Web Form quickly as it compress the files. |
Info |
---|
Click 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 |
---|
|
- Install Sencha Architect on your system. Click here for latest version of Sencha Architect.
- Open the Sencha Architect and click New Project to create a Web Form. Click here for Sencha Architect Tutorial.

- Choose the framework: Ext JS 6.6.x Modern at the top-right of the New Project screen.
- Choose a project format: Select the Blank Project and click Create.

Design a form by using Sencha drag-and-drop feature. Choose components from the right hand panel and drop them on the center canvas.

Click Save. The application will appear with specified project name in the selected Publish Path. 
Info |
---|
Click 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:
...