Adding a New Page

Add a new page to your application.

You can add a new page to either a generic application or a tab-based application using the File Menu. When working with tab based applications, adding a new page will automatically add tab navigation at the bottom of the form. When you run your tab-based application, all pages in the application are displayed as tabs at the bottom of the form. If you are developing a generic application, you will need to manually add and configure navigational controls between the pages. Generic applications are ideal if you don't want to expose the page linking on every page in your application.

  1. In the main menu, choose File > New Page.

    appbuilder_new_page
  2. In the wizard, enter a name for the new page, choose the type of page, and click Confirm.
    • General page – a blank page with a title bar.
    • Tab page – a blank page with a segmented button control at tht bottom of the page.
    • Dialog page – a blank page with a title bar that has a configurable state property. The state property can be set to:
      • Error
      • Warning
      • Success
      • No state

    new_tab_page
    Each tab page is created with controller.js and view.html files, located under the view folder in the Project view.
  3. Add controls and event handlers to the tab pages as described in Adding Controls to the Project and Configuring Controls in the Project.
  4. Run the project.
Related tasks
Adding Controls to the Project
Creating a New SuperList
Creating a New Chart
Related reference
Configuring Controls in the Project
Toolbox