Mission 9 - Multi Page Apps

Estimated time for completing this mission: 15 mins

Learning Objective

Learn to use multiple pages for your app using the header menu.

In order to build complex apps it can be useful to create multiple pages.

Logic BLOX

App Templates

Table

Chart

Panel

Button (2x)

  ![startBlox](/assets/static/module5/mission13/create_new_page.png)
  <figcaption>Create new page</figcaption>
</figure>

Place two Button templates into the header area on top of the canvas
Double-click on the first button, click Add Action, then select action "Go to Page" and choose the first page in the second dropdown
Double-click on the second button, click Add Action, then select action "Go to Page" and choose the second page in the second dropdown

Connect button to page
In the first page, drag a Chart template onto the canvas
Bind the Chart template to the FinalData database. For detailed instructions on binding data sources, refer to Mission 1: KPI Dashboard

Chart configuration
In the second page, drag a Table template onto the canvas
Challenge: Bind the Table template to the MyProjects database

Hint

Select MyProjects in the "Data Source" setting of the table settings.
Run the app and test the navigation buttons to switch between pages

Resulting App