Managing App Screens and Navigation

After creating an app and adding app components, you may perform further customizations as needed.

Procedure

  1. In the Canvas, select the Project tab.
  2. For the following available tasks, proceed with the following procedures:
    Task Procedure
    Editing the Splash Screen The Splash Screen is the first screen the app user sees when they launch an app to indicate that the app is loading. To edit the splash screen:
    1. Select Splash Screen (See ① of diagram) to open the Splash Screen Properties panel.
    2. Enable the Splash Screen switch if you want the splash screen to appear to the app user.
      Note: The splash screen is only displayed to the app user once per session.
    3. Set the splash screen background to apply a background color or image, and it automatically reflects on the preview.
    4. Optional: Select Upload Image to include an image in your splash screen.
    Editing the Header

    The header typically remains at the top of the app as the end-user access it. You can configure whether the header is permanently hidden or if it hides itself after a period of inactivity. To edit the header:

    1. Select Header (See ② of diagram) to open the Header Properties panel.
    2. Disable the Show App Header switch if you want to always hide the header.
      Warning: Disabling the app header makes all dependent actions unavailable, including sync data, exit app, view notification, minimize app, and the hamburger menu.
    3. Enable the Hide on Inactivity switch if you want to hide the header after a period of inactivity.
      1. Select the length and unit of time before the app hides the header due to inactivity.
    4. Configure the background color of the header using the Color slider.
      1. Select Reset to revert the header color to the original. The edits are temporary and unsaved.
    Renaming Forms and Screens To change the name of a form or screen:
    1. Hover over the form or screen whose name you want to change.
    2. Select Edit (See ③ of diagram) to change the name.
    3. Select the check mark to store the changes. The renaming is temporary and unsaved.
    Rearranging Forms and Screens To rearrange forms or screens:
    1. Drag the form or screen to your preferred position. The rearranging is temporary and unsaved.
    Rearrange screens
    Duplicating a Page in Your App
    You can duplicate existing pages in your app, which retain the widgets and customizations on the new page. To duplicate a page in your app:
    1. Hover over an existing page in your app and select Duplicate (See ④ of diagram). The duplication are temporary and unsaved.

    Result: The duplicated page appears directly after the original page, with a default name of Copy of <original page name>.

    Deleting Screens To delete a screen from your app:
    1. Hover over the screen that you want to delete and select Delete (See ⑤ of diagram).
    2. Select Delete. The screen deletion is temporary and unsaved.
  3. The edits are temporary and unsaved. From the top-right, select the general app, select Save to confirm the changes you have made. The changes are now permanent.
    Accessing app canvas Save button