Tutorial: Tab application with Grid and Chart

In this example we will see the creation of an application tab type, where it can be opened on the same page other applications. For this example, actually three applications are created. 1 chart, 1 grid and the tab application to group applications.


Creating a Chart

1. Create a new application of Chart based on the table orders.


2. Open the option “Charts” in the application menu.


3. In “Dimensions” we will select the field “employeeid”.


4. In “Metrics” we will select the field “PriceOrder”.


5. In “Chart”, select the desired chart type.


6. Generate the form source code by clicking in Generate Source from ScriptCase toolbar.


Creating a grid

7. Create a new Grid application based on the employees table.

8. Generate the form source code by clicking in Generate Source from ScriptCase toolbar.


Creating an Tab application

9. Create a new Tab application.


10. Create folders to display in the application in Folder Settings.


11. For Label enter " Employee record" and click in Add.


12. Repeat the last step to create the “Chart sales” folder.

13. Click in Application Settings to link the applications to the created folders.


14. Select the first folder and click in Add. Select the Grid created previously and click in Next.


15. Pass the parameters according with the figure below and click in Save.


16. Select the second folder in the Application settings and click in Add. Select the Chart created previously and click in Next.


17. Pass the parameters according with the figure below and click in Save.


18. Click to run the application.


Tutorials in the same category

Tab application with Grid and Form

In this example we will see the creation of an application tab type, where it can be opened on the s...

Creating a tab application

In this example we will see the creation of an application tab type, where it can be opened on the s...

Comment this post