Overview

This lesson is focused on how we can create new Pages in Wayfast. Like we explained in other lessons, Pages are the main unit to build User Interfaces in Wayfast. Even if we are building Web or Mobile applications the life of our end users inside our app is going to happen between pages. You can think of a page as an application screen. Pages are made of controls, datasets and actions. The visual structure of a Wayfast page is defined by its layout.

How to create a new Page in a Project?

Before creating a page we need to make sure we cover a few conditions. We need a Solution and a Project. We can create them from scratch or reuse an existing project. In this example we are going to reuse our “To-Do App” project. Once we have our Project we need to make sure we have a skin and layout set for this project. You can know more about this steps in the following section:

• What's a Solution and how to create it?

• What's a Application Project and how to create it?

• “How to configure skins and Layouts?
  

• built the structure connecting a database (DB), let’s work on create new pages and associate them to the project.

Click on “Project Pages” button at the top menu

“Pages” dashboard displays all the Pages for this Project. It contains a grid that shows the amount of Datasets, Controls and Actions associated to each page.

First let’s click on the “New Page” button.

A popup is displayed with the “General” information to be completed for new page.

There are two page types:

• “Form” type is used to create screens or standard pages.

• “Include” type is meant to create composite controls that can be embedded in other pages.

“Is Initial Page” checkbox allows you to set a page as the starting point of your application. This means this page will be the first to be displayed when you run your application.

If we focus on the “Layout” dropdown field, we can pick one of the layouts associated to the Project, this option will organize the controls that we add to this page.

Now let’s click on “Submit” button to save the changes and verify the new page is created on Page’s dashboard.

Recap

During this lesson, we learnt how to create new pages in our new project. You can think of a page as an application screen. In the next lessons, we will work on how we can add visual controls to a page, connect it with a data source and add behavior to it through actions.