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

Fixed Columns in the Summary

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

Tutorial: Cloud File Management

Some of the data storage services are ready to securely read and store files and images from your S...

Tutorial: Guardar Vista de la Consulta

En este ejemplo, veremos las opciones disponibles para que el usuario final almacene, en sesión o ...

Shortcut Keys

In this tutorial, we will see how you can use or create shortcut keys in a Grid application. 1 -...

Comment this post