Overview

This lesson is a first approach to the Wayfast Anatomy, we will explain how to select Application’s Skin after creating a Project. Also we will describe how to select multiple Layouts that can be used in Pages development for the UI Application.

How to select Skin on new Project?

Precondition

Now that we have the main structure created (Solution), we can click on “Project” button and build the first element to initiate an Application.

A popup is displayed to select the main settings for your new application.

Click on “Accept” button, the “Select Skin” popup will offer different templates to apply in your application’s interface. Design selected under this step will be the default when the different pages are going to be created. Also the buttons and popups are going to be defined by this Skin selected.

Click on “Assign” button and the skin is saved for this Project.

Enter to the Project and click on “General Options” icon at the top menu

Observe that the “Skin” field is remaining the option selected when starting the new Project from the scratch. Wayfast allows the possibility to change skin if it’s needed.

How to select Layout on new Project?

Another feature to build the Front-End basic controls at newly Projects are the Layouts. We can select this predefined options that Wayfast provide at any time.

Click on “General Options” and then click on “Layout” tab

It’s important that the Layouts are selected before the team initiate the development. Otherwise, the Pages that you create can’t have any default layout options to start.

Click on “Associate Layout” button

A popup is displayed with all the available Layouts given by Wayfast.

Select the ones that are going to be used in the Application and click on “Accept” button

To confirm that the Layouts are saved, click on “Project pages” icon at the top menu. Then click on “New Page” button and you will find the Layouts displayed in the dropdown and available for Application. 

Recap

In the first part, we learnt about how to select the Skin that will be our Application’s User Interface and how they can be changed from General Options. In the second part, we selected the default Layouts for the Application that Wayfast provide under General Options-Layout and finally we went through the Page’s creation steps to verify that these Layouts were correctly associated and ready to be selected in the application development.