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: 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 -...

Calendario Responsivo

En este tutorial crearemos una aplicación de calendario responsivo Calendario en Navegador ...

Comment this post