Add a scrolling screen to a canvas app
In a canvas app, create a screen that users can scroll to show different items. For example, create a phone app that shows data in several charts, 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.
- Sign up for PowerApps.
- Sign in using the same credentials that you used to sign up.
- Under Make your own app, hover over the Canvas app from blank tile, select the phone icon, and then select Make this app.
- Learn how to add and configure controls.
Create a scrolling screen
On the Home tab, click or tap New screen:
On the Home tab, click or tap Layouts, and then click or tap the option to add an infinite scrolling canvas:
The canvas is added:
Now, let's add some controls to the canvas to see how the scrolling screen works.
In the canvas you added, click or tap Add an item from the Insert tab.
On the Insert tab, click or tap Charts, and then click or tap Column Chart.
A column chart appears in the first card on the screen:
On the Insert tab, click or tap Text, and then click or tap Pen input:
Move the pen control below the chart, and resize the pen control to cover the bottom of the card:
Add a section
Now, let's add another card with another control.
Near the bottom of the screen, click or tap Add section:
A new card is added to the screen:
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:
Open Preview mode by pressing F5 (or by clicking or tapping the play icon near the upper-right corner).
Scroll down to display the new line chart.