Tutorial: Tabs with dashboards

In this example we will see a Tab application displaying several Dashboards.

Dashboard Applications

In this example, we will use other applications that will be displayed in the Tabs. They will be: 

General Sales Dashboard: https://www.scriptcase.net/samples/php-container-dashboard/sales-dashboard/

Employees Dashboard by Region: https://www.scriptcase.net/samples/php-container-dashboard/dashboard-employee-region/

Links between Applications on the Dashboard: https://www.scriptcase.net/samples/php-container-dashboard/links-dashboard/

Sales Dashboard by Region: https://www.scriptcase.com.br/exemplos/menu-php/abas-com-dashboards/

Creating the Tab application

The Tab application is used to display several applications in sequence, and is very similar to a Menu application.

1 – Create a new Tab-type application.

2 –   In the item “Folder configuration” we will create the tabs that will be viewed in the application.

3 – To add a new Tab, in the Label property, type the display name of the Tab and click on the “Add” button.

4 – Repeat the procedure for the number of applications that will be displayed on the tabs.

5 – Now we need to inform which applications will be opened in each of the tabs. Click on the “Application Configuration” item.

6 – With the first folder selected, click the Add button.

7 – Choose the desired application and click on the Proceed button.

8 – Enter the desired parameters and click the Save button.

9 – Repeat the procedure for the following Folders / Tabs, selecting the other dashboard applications. 

10 –   To finish Run the application.

Tutorials in the same category

Tutorial: Grid fixed columns

In this sample we’ll see the option fixed column on the grid. This way we’ll be able to do a hor...

Tutorial: New Refined Search

In this sample we’ll develop one grid using the option refined search, that will allow us to searc...

Tutorial: Grid Mobile

In this sample, we’ll see the configuration of one grid application for mobile. Creating a ...

Fixed Columns in the Summary

In this example, we will see the option to fix columns in the Summary module of the Grid applicatio...

Comment this post