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.
Comment this post