...
Overview
In this lesson we are going to review how to set a Skin and Layouts for our Project. In the Wayfast world Skins are sets of CSS and images that define the look & feel of our projects. Skins enable a comprehensive and consistent structure for organizing assets while fostering reusability.
...
We can create new Skins and Layouts or reuse existing one from Wayfast Library. In this lesson we are going to reuse existing one but we will cover how to create a Skin and Layouts from scratch in the section “Skin and Layout Editor”.
How to select Skin on a new Project?
Preconditions
For this exercise we are going to assume we already have a Solution and a Project.
Selecting a Skin
As we’ve seen in the last lesson, after we create a Project, Wayfast immediately prompts the Skin selection screen.
...
| Info |
|---|
NOTE: We can check how the skin looks like by clicking the preview button on any page in the Project. |
How to select Layouts for a Project?
Now we are ready to select one or multiple layouts from Wayfast library. At least on Layout A Layout must be associated to the project before creating the first page. Otherwise, Wayfast wouldn’t know where to place controls within pages. So let’s get to it.
...
The “New Page” form will be displayed and the selected Layouts will be available in the Layout field.
...
Recap
In the first section, we learnt what are Skins and Layouts, how to select Skins and Layouts from Wayfast library and how to select a Layout in a page. In the next section we will dig deeper into how Layouts define Look & Feels design when creating a page.