/
Page Break

Page Break

Overview

In this lesson, we are going to take a look at the “Page Break” control. Wayfast allow us to insert a page break when we want to establish a separation between different sections in the same page.

How to create a “Page Break” control?

Preconditions

Under the Page dashboard, select any page previously created or generate a new page.

Focus on “Controls” section

Select the “Page Break” option and click on “New” button

A popup is displayed on screen to setup the “Page Break” control

 

Make sure that we include “Page Break” control name and then turn to Layout tab. This setting is going to be the most important on the control since we want to mark a separation between other controls in the same page. Let’s review the properties that we can choose in Layout tab to place the “Page Break” control.

Layout

Field

Description

Field

Description

Order

Indicate the order for each of the controls in the page. Commonly “0” order is used for main titles and subsequently can be ordered by hierarchy depending on the # of controls to display on page.

Place Holder

  • B1: Related to buttons at the footer screen.

  • B2: Related to buttons at the top right corner screen.

  • E1: Related to main body screen.

  • F1: Recommended for the top screen and commonly used for search filters

  • T1: Related to header titles at the top left corner screen.

Click on “Submit” button to save the changes and make the control available in the page.

Click on “Preview” button to verify that the new control is visible on the page developed.

If this new control only needs to be displayed on screen depending on certain conditions, we can go to “Conditional” tab and setup the variables to make this possible. Selecting “Yes”, the label will be visible every time that we enter to the page.

Recap

“Page Break” is a simple control to manage the user interface and divide the sections like in the example when there’s another control like a “Label” or “Search” that needs to be placed in the form. Depending on the layout selected for the Project’s application, this control will be displayed as line or dotted line.

Related content

Page Image
Page Image
Read with this
Controls
Controls
More like this
Jobs
Read with this
Standard Control Settings
Standard Control Settings
More like this
Checkbox
Checkbox
Read with this
Layout (Archive)
Layout (Archive)
More like this