This tutorial is for the new, online project designer. The tutorial for the Desktop Designer is available here .

Adding Pages

Learn about adding Pages to the project and how to customise their functionality and appearance using properties.


Adding a Page to the Project

In the Page List panel, click the button at the top right corner.


Web add new page

Type a caption for the new page, or alternatively you can keep the auto-incremented page captions. Avoid using long page captions, as they don't wrap down a line (or reduce Page Caption font size via Visual Style).


Web add new page caption

Once you have added the page and set the page caption, the page will automatically be selected. This will set the Design Window and Device Preview to display for this selected page. It will also show the page's properties over in the Properties Panel .

Customizing a Page's Properties

The page properties can be used to customise your page with the following properties:


Web page properties

Caption

Allows you to set the caption for the page.

Introduction Text

Can be used to provide a description of the page or explain how the user should fill out the page. The Introduction Text will always be displayed at the top of the page.

Can be reached with Previous / Next

When enabled, the user will be able to navigate to this page by tapping on the Next / Previous buttons. When disabled, this page will be skipped when using those buttons and the only way to navigate to this page will be to add a Link point or Button point to go to this page.

Hide the Previous / Next buttons

When enabled and this page is displayed on a mobile device, the Next / Previous buttons will not be displayed. The user can navigate to another page using a Link point or Button point .

Guidance

The guidance text will be displayed when the user taps on the page caption, when the page is displayed on a mobile device.