PowerApps – The Basics – Creating Screens

In the previous posts I’ve given an introduction to PowerApps and Iv’e gone through creating the apps. In this post I will look at creating the different screens in PowerApps.

PowerApps have 4 different types of screens.

  • Blank
  • Scrollable screen
  • List screen
  • Form screen



The blank scren gives you m ost control over the form however in the beginning a blank form can be quite difficult to work with therefore in this post I will only consider  the other options. However this options could be very suitbale for things like charts, media and a lot of other information presenting screens.

Also when using non-SharePoint data it might be helpful to take the blank screen or scrollable screen as a base.

Scrollable screen

The Scrollable screens give you a form where many controls can be added to an unlimited number of sections. On the right of the screen a scroll bar will be available. Similar to the blank form Scrollable screens are also quite blank and difficult to take as a starting point when using SharePoint list.

List screen

The list screen is a bit like a list view in SharePoint listing items form a SharePoint list. There is full control over what the form will look like.  It is possible to add images to each of the items oto make things look even better








Form screen

A form screen is similar to a display and edit form. by added fields to the form and selecting a layout there is control over how the form looks.






Now that we have looked at the different screen options. It’s time to have a look at some fo the controls available.

I’m going to start with the BrowseScreen1 that is created when I create a new app from my list.

On the form there are a number of Actions, Data and Desifgn settings that can be set.

The actions are similar to events as used in html.

On Visible will fire when the form becomes visible .

OnHidden will fire when the form is hidden or closed

and OnStart is triggered when the app is started.

In the Data section a background image can be set. This can be set to a url like: “https:/ /mytenant.sharepoint.com/test.jpg” . note that the double quotes are needed. Why this sin’t in the Design section of the settings is unclear to me. Especially as the Design section includes ImagePosition that will position the image.


This is all there is about creating screens. Now we just have to go through the options of each control that can be added to the screens and a lot of the from creations within PowerApps will become clear.

Other posts in this series





Pieter Veenstra

Business Applications and Office Apps & Services Microsoft MVP working as a Microsoft Productivity Principal Consultant at HybrIT Services. You can contact me using contact@veenstra.me.uk.

Recent Posts

Object must implement IConvertible in Power Apps

In Power Apps when you do a Patch to create a new item or to…

3 days ago

Get started with adaptive cards in Power Automate

Getting started with adaptive cards can be difficult. In this post i have written some…

1 week ago

Create PDF documents from data in Power Automate

In this post I will look at how to create PDF documents from data. Use…

1 week ago

Unnest nested arrays in Power Automate

We all know this problem, you have a nested array in Power Automate but how…

3 weeks ago

Advanced settings not loading in Power Platform

Yesterday one of my clients showed me an issues where the Advanced settings didn't load.…

3 weeks ago

1 Better way to use Create Item in SharePoint with Power Automate

Have you been using the REST API instead of the create item action in Power…

4 weeks ago