Pages

Pages are the basic building blocks of your data app and display all app content.

Pages are specific component or section within an app, serving a particular purpose or providing specific content or functionality. Every app must have at least one page.

There are two kind of pages: Grid view pages (default) and Web view pages. Grid view is designed for ease of use, allowing you to control element layout through drag and drop. On the other hand, Web view is tailored for advanced layout customization. Here, you have the full flexibility to utilize CSS for creating more intricate layouts and exercising precise control.

Grid view pages

There are 24 columns in a grid view page, with each grid view unit width automatically adjusting to fit the view width. The height of a grid view unit is fixed at 12 pixels. Consequently, content within the grid view scrolls vertically along the Y-axis and expands horizontally along the X-axis.

Web view pages

By default, a Web View page has dimensions of 1920x1080 pixels, providing a standard canvas size for your web content.

Settings

Background: 1. color: Use color selector or HEX code to select a fixed color for the page. 2. image: Use image url to set a customized background image.

Path: The URL path suffix for a page determines its web address. It should adhere to URL rules, containing no spaces and using valid characters limited to letters (A-Z, a-z), digits (0-9), hyphens (-), underscores (_), and slashes (/).

Page Metadata: The title, description and thumbnail image, enhancing search engine visibility and improves user experience.

Supported Events

Pages have supported events with which to build Interactions. Below, we see the options for page events.

  1. Before Render: Triggered before a page loads or refreshes.

  2. After Render: Triggered just after a page loads or refreshes.

  3. Leave Page: When this is selected the action will be triggered when the user exits the page.

Supported Actions

Set page data: Set page level data. See Data Store for more on page data.

Visit Interactions for more on events and actions.

Last updated