Tutorial: Form with Treeview blocks

In this tutorial, a Form with Blocks in Treeview will be created using the sample table “customers” and the following additional resources:

  • Blocks.

Creating a Form with Blocks in Treeview

Note:If you have any questions on how to create a Form, go to: Creating a new Form


1. Create a new application of type Form, select the “Single Record” option, and then select the “customers” sample table.



2. Now, if you want a better display of the form, click on the “Edit Fields” tab and change the name of the fields, as shown in the images below.



Editing form fields with blocks in Treeview


1. First, in the application menu, access the “Layout” tab and select the “Blocks” option.



2. Once this is done, rename the block already created to “Normal Block” and configure it according to the image below.





3. Still, in the block settings, click on the “Create New Block” button to create a new block.



4. Now, create a new block called “Open Block”.



5. Then, create another block called “Closed Block”.



6. Now, configure the two new blocks as shown in the image below.



7. Once this is done, in the application menu, access the “Field Positioning” tab .



8. Now, move the fields: “cityid” , “cardtype” , “cardnumber” and “notes” to the left box , as shown below.



9. Then, organize the fields in their respective blocks, as shown in the image below.



10. Finally, select the  “Run Application” button on the toolbar to generate the Form.




That done, after following the steps above, the Form will look like this:



To see more examples created using Scriptcase, go to:  Examples: Complete Systems and Applications with Scriptcase.

Tutorials in the same category

Tutorial: Multi Step Form

In this sample we’ll see how to create a multi step form. The form will be more nice, intuitive an...

Responsive login form 3

To learn how to use the templates available within the ScriptCase in the security module, follo...

Responsive login form 2

To learn how to use the templates available within the ScriptCase in the security module, follo...

Responsive login form

To learn how to use the templates available within the ScriptCase in the security module, follo...

Comment this post