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

The Designer Window

Learn about the layout of the designer window and the various views and controls.


Layout and Controls

Click the links on the left to see a brief description of each of the key areas of the designer window.

Web designer window 1 all

Select from the options on the left to see a description.

Web designer window 3 save and publish

As you make changes to your project's design, you can save those changes to the draft version by clicking the Save button . When you are happy with the changes and want to deploy the changes out to linked devices, click the Publish button .

Web designer window 4 window controls

These buttons can be used to show/hide the left and right views.

Web designer window 5 page list

This will contain a list of pages that have been created. Selecting a page will open that page in the Design View and Device Preview and will also open the Page Properties Tab for the selected page.

Web designer window 6 design view

This is the design for the selected page. You can add Points or Tools from the Toolbox by double clicking or by drag and drop onto the designer view.

Web designer window 7 device preview

Provides a preview of the selected page, similar to how it would appear on an actual mobile device.

Web designer window 8 properties panel

This will show a properties tab based on the current selection which will either show the Project Properties (default), the Page Properties if a page is selected, or Point Properties if a point is selected. This is where you can configure the selected Project, Page or Point to customise its appearance and/or functionality for your project.

Web designer window 9 toolbox

Provides a searchable list of Tools and Points that can be added to the project design.

Web designer window 10 points

Provides a list of points, that can be added to the project design, that allow for users to enter or select information that will be saved to a session.

Web designer window 11 tools

Provides a list of useful tools that can be used to quickly add points with a common configuration, such as adding a Next/Previous Navigation Button or adding a Signature Entry .