Overview?
Controls are graphical elements that allow users to interact with an application through direct manipultation to read or edit information.
Wayfast has pleanty plenty of them including ButtonsButton, imagesImage, Maps Map and Autocomplete text box Text Box among others.
In this lesson we will review how to add controls to a page and understand the basic principles of designing a user interface in Wayfast.
How to add controls to a page?
Preconditions: In this example we are going to assume we already have created a page created in our project. You can know more about how to do that in the Pages section.
First let’s click on “Project Pages” icon in the Main Menu.
...
Then we need to click the Page link. In this case we will click the “HW_Team“Team_Members” link.
...
In the controls “Controls” toggle button we will see a list of all the objects included in this page.
We used this page to learn how to create datasets and actions in other lessons.
Let’s click on the “WYSWYG” “WYSIWYG” button at the top right corner.
...
In the example page, we have a grid table with 4 columns. We are going to add a new text field at the bottom of the page. Let’s click on “Control” section at the left panel.
...
Select “TextArea” control and drop the element below the grid table.
...
Automatically the new control was will be added as “TextArea_1”. Right-click over the control and the editor will display 4 options.
...
Click on “Submit” button and verify that the value is reflecting the changes on the WYSWYG WYSIWYG body.
| Info |
|---|
If the control is not reflecting the changes, please refresh the screen to verify the edition. |
...
Now the control is showing the new value. Let’s preview the page Click on “Preview” button to verify that the control is was actually added. Click on “Preview” button
...
And finally we can navigate to the Page’s detail in Wayfast to check how the WYSWYG WYSIWYG editor generated the control.
...
Recap
Controls are the cornerstone of our application’s User Interface. You can explore all the controls available in Wayfast your self our take our guided tour in Controls Reference section.
...