Screen control in PowerApps
A UI element that contains one or more other controls in an app.
Most apps have multiple Screen controls that contain Label controls, Button controls, and other controls that show data and support navigation. For information about how to add a screen, reorder screens, and configure navigation, review Add a screen.
BackgroundImage – The name of an image file that appears in the background of a screen.
Fill – The background color of a control.
Height - The height of the screen. If the app is responsive (Scale to fit is Off) and the device on which the app is running is shorter than this property, the screen can scroll vertically.
ImagePosition – The position (Fill, Fit, Stretch, Tile, or Center) of an image in a screen or a control if it isn't the same size as the image.
Name - The name of the screen.
OnHidden – The behavior of an app when the user navigates away from a screen.
OnStart – The behavior of the app when the user opens the app.
- The formula to which this property is set runs before the first screen of the app appears. Call the Navigate function to change which screen appears first when the app starts.
- You can't set context variables with the UpdateContext function because no screen has appeared yet. However, you can pass context variables in the Navigate function and create and fill a collection by using the Collect function.
- When you update an app, the formula to which this property is set runs when the app is loaded into PowerApps Studio. To see the impact of changing this property, you'll need to save, close, and reload your app.
- The OnStart property is actually a property of the app, not the screen. For editing convenience, you view and modify it as a property on the first screen of your app. If you remove the first screen or reorder screens, this property may become hard to find. In this case, save, close, and reload your app, and the property will reappear as a property of the first screen.
OnVisible – The behavior of an app when the user navigates to a screen.
Orientation - The orientation of the screen. If its Width is greater than its Height, the orientation will be Layout.Horizontal; otherwise, it will be Layout.Vertical.
Size - A positive integer that classifies the size of the screen. The classification is determined by comparing the screen's Width property to the values in the App.SizeBreakpoints property. The ScreenSize type consists of four values (Small, Medium, Large, and ExtraLarge) that correspond to the integers 1 through 4.
Width - The width of the screen. If the app is responsive (Scale to fit is Off) and the device on which the app is running is narrower than this property, the screen can scroll horizontally.
Don't know how to add, name, and configure a control?
Name the default Screen control Source, add another Screen control, and name it Target.
Set the Fill property of Target to this formula:
If("Red" in ScreenFills.Selected.Value, RGBA(255, 0, 0, 1), RGBA(54, 176, 75, 1))
Target appears in the color that you selected.
In Target, select the Shape control to return to Source.
(optional) Reorder the screens by hovering over Target in the left navigation bar, selecting the ellipsis that appears, and then selecting Move up.
Target appears first when the user opens the app.
When the Screen is the effective background for text, there must be adequate color contrast between:
In addition to text, consider checking color contrast with essential graphical objects like the star images in a Rating control.
Screen reader support
There must be a meaningful name for each Screen. The screen name can be viewed and edited in the same way as other controls: in the tree view of the controls pane or in the header of the properties pane.
When a new Screen is loaded, screen readers will announce its name.