...
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 Applications 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 “Hello World” project. Once we generated a Project and built the structure connecting a database (DB), let’s work on create new pages and associate them to the project. Click we have our Project we need to make sure we have a skin and layout set for this project. You can know more about these steps in the following sections:
Now let’s work on our new page.
First let’s click on “Project Pages” button at the top menu.
...
“Page” “Pages” dashboard displays all the Page items for this Project. Grid view contains the quantity of DatasetPages in this Project and some useful information about them like the amount of Datasets, Controls and Actions items associated on to each page.
Click Now let’s click on the “New Page” button.
...
Popup is displayed with the “General” information to be completed for new page. “Form” type is the most used in application projects and we can set if this page is going to be “Initial Page” or not in our Project by checking the checkbox icon.
Click on “Layout” tab
...
In the “Name Layout” dropdown field, Wayfast retrieves the selected items predefined when the Project’s Layout was created . Then click on “Accept” The “New page” form is displayed in a popup where you can set all the key attributes of your page.
...
There are two types of page:
“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.
In the “Layout” field we can choose one of the layouts associated to the Project. Layouts are visual “skeletons” to indicate Wayfast how to organize the controls we are going to add to this page.
| Info |
|---|
Remember you can always add more layouts to your project from Wayfast library in the Layouts menu in “General Options” screen or even create you own layouts from scratch. |
The “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. At least one page in the project must be set as Initial Page for the app to work.
Now let’s click on “Submit” button to save the changes and verify the new page is created on Page’s dashboard.
...
...
| Info |
|---|
For viewing or editing the page you just need to click on the Page name in the list. |
| Info |
|---|
We can remove any new page item pages by clicking on “Cross” the red “X” icon under the “Delete” column. |
Recap
During In this lesson , we learnt how to create new pages in our new project. You can think of a page as an application screen. The visual structure of a Wayfast page is called layout. It gives Wayfast the ability to place controls in the screen. Layouts are meant to be reused so you can create your own or pick one from the thousands of built-in layouts that come with Wayfast. In the next lessonslesson, we will work on how we can define the information and how we can display it under each pageadd visual controls to a page, connect it with a data source and add behavior to it through actions.