Adding Pages

• Creating the Home Page
• Creating the Details Page

Creating the Home Page

Upon creation of the project, the index page is automatically generated, which is the home page of AirQuality. Figure 1 shows the project directory.

Figure 1 Project directory

Creating the Details Page

To the details page, perform the following steps:

1. Right-click pages and choose New > JS Page from the shortcut menu.

   Figure 2 Adding a page
   

2. Enter the page name.

   Figure 3 Entering the page name
   

3. Confirm the creation.

   The following figure shows the application project directory after the detail page is created. It contains a .hml layout file, a .css file, and a .js file (containing service logic code).

   Figure 4 Complete project directory