Add a scrolling screen in PowerApps

Create a screen that users can scroll to show different items. For example, you might want to create an app that displays data in a column chart and line chart. By adding a scrolling screen, you can add multiple controls, which users can display if they scroll.

When you add multiple controls in a section, the controls maintain their relative positions within that section, regardless if it's a phone app or a tablet app. Note that the screen size and orientation may determine how the sections are arranged.

Prerequisites

Create a scrolling screen

  1. On the Home tab, click or tap New screen:

    Option to add a screen to an app

  2. On the Home tab, click or tap Layouts, and then click or tap the option to add an infinite scrolling canvas:

    Option to add an infinite scrolling canvas

    The canvas is added:

    A screen with an infinite scrolling canvas, as it appears by default

Add elements

Now, let's add some controls to the canvas to see how the scrolling screen works.

  1. In the canvas you added, click or tap Add an item from the Insert tab.

  2. On the Insert tab, click or tap Charts, and then click or tap Column Chart.

    The option to add a column chart

    A column chart appears in the first card on the screen:

    Default column chart

  3. On the Insert tab, click or tap Text, and then click or tap Pen input:

    Option to add a pen control

  4. Move the pen control below the chart, and resize the pen control to cover the bottom of the card:

    Move and resize the pen control

Add a section

Now, let's add another card with another control.

  1. Near the bottom of the screen, click or tap Add section:

    Option to add a section

    A new card is added to the screen:

    A new card below the default section

  2. With the card still selected, go to the Insert tab, click or tap Charts, and then click or tap Line chart.

    The new chart is too big to appear on the screen with the other controls:

    A line chart added to the bottom of the new card

  3. Open Preview mode by pressing F5 (or by clicking or tapping the play icon near the upper-right corner).

    Open Preview mode

  4. Scroll down to display the new line chart.

    Preview shows the line chart