Manage Pages

A Page is a web page built with XMPro's App Designer. Pages allow you to separate the Application into sections, navigate between the Pages, and pass data between Pages using Parameters.

Note

It is recommended that you read the article listed below to improve your understanding of Pages.

• Page
• Canvas
• How to Manage Apps

Creating a Page

To create a Page within an existing application, follow the steps below:

1. Click on Applications from the left-hand menu.
2. Click on the edit button of the Application from the list.

3. Click on the plus button to add a new Page.
4. Enter the details of the new Page.
5. Choose the layout of the new Page.
6. Click on Save.

The new Page will show in the list of pages for the Application.

Designing a Page

Once a Page has been created, you can design your Page to meet your specifications. There are many Blocks or controls that can be added from the Blocks tab such as Text, Number, and Date Boxes, Grids, Charts, Gauges, Accordions, and Tabs. The full list of Blocks can be found here.

Adding New Blocks

Blocks are accessed through the Blocks tab in the page designer and can be added to the page by dragging them into the Canvas. Blocks can also be searched by typing in the search bar at the top.

Moving Blocks in the Canvas

Blocks can be rearranged within the Canvas in a few ways:

Moving Blocks using the Canvas

1. Click and drag the Block you want to move.
2. Hover over where you want to move the Block to. A green line and an orange outline will appear to show where the Block will end up.
3. Release the mouse to drop the Block.

Moving Blocks using the Toolbar

Sometimes the Block you want to move may be hard to click or behind other Blocks. In this case, you can move the Block by its drag handle button in the blue toolbar.

1. Select the Block by clicking one of its children and clicking the Select Parent button in the blue toolbar or by selecting it in the Page Layers.
2. Click and drag the drag handle button in the blue toolbar.
3. Hover over where you want to move the Block to. A green line and an orange outline will appear to show where the Block will end up.
4. Release the mouse to drop the Block.

Moving Blocks by the Page Layers

Sometimes you may need to be more precise in dragging a Block. In this case, you can move the Block by rearranging it in the Page Layers. See the Page Layers article for more information on how to use Page Layers.

1. Expand the Block you want to move and the Block you want to put in the Page Layers.
2. Click and drag the drag handle in the Page Layers.
3. Hover over where you want to move the block to. A green line and an orange outline will appear to show where the block will end up.
4. Release the mouse to drop the block.

Launching a Page

Once a Page has been designed, you can view the finished product of the designed Page by launching it.

1. Click on the page you want to preview.
2. Click on Launch.

Deleting a Page

To delete the Page, open the Page itself and delete it via the settings menu. Follow the steps below to delete the Page:

1. Open the Page you would like to delete.

2. Click on Settings.
3. Click on Delete.
4. Confirm that you want to delete the Page.

Further Reading

• How to Import an App Page
• How to Design Pages for Mobile
• How to Navigate between Pages
• How to Manage Connections
• How to Use Dynamic Properties
• How to Use Expression Properties
• How to Use the Page Layers
• How to Use Block Styling and Devices
• How to Use Validation
• How to Use Variables & Expressions
• How to Manage Widgets

---

Last modified: June 04, 2025