Add a screen using screen layouts

When you add a new screen, you can choose from various screen layouts and templates. When the Scale to fit option is turned off, the screen layout of the app adapts to the size of the device's screen it is being run on.

Screen layouts.

Add a new screen

  1. Sign in to Power Apps.
  2. Create a canvas app in tablet format.
  3. In Power Apps Studio, on the command bar, select New screen and then select a screen layout.

When you're done, you can preview the app and see how the app displays on different devices. More information, see Preview an app.

Reorder screens

When you have more than one screen, you can reorder them.

In the left pane, hover over a screen that you want to move up or down, and then select Move up or Move down.

Note

Use the StartScreen property set which screen will be displayed first.

Add navigation

When you create a canvas app with multiple screens, you can add navigation so your users can navigate between screens.

  1. With the screen selected, select Insert and in the search box type Next arrow and then select it.

  2. (optional) Move the arrow so that it appears in the lower-right corner of the screen.

  3. With the arrow selected, set the OnSelect property to the Navigate function.

    OnSelect property set to Navigate function.

    When a user selects the arrow, the Target screen fades in.

  4. On the Target screen, add a Back arrow icon, and set its OnSelect property to this formula:

    Navigate(Target, ScreenTransition.Fade)

    Note

    In the formula above where it says Target enter the name of the screen that you're navigating to.

More information

Screen-control reference