Navigating between screens

Introduction to Power Apps

Luise Freese

Azure & Power Platform Architect

From one screen to many

 

• A real app has multiple screens
• Each screen owns its controls and layout
• Power Fx moves the user between them

Navigate()

 

• Navigate(ScreenName) takes the user there
• Put it on a Button's or Gallery's OnSelect
• The user lands on the new screen instantly

Set(), carrying data across

• Set(name, value) creates an app-wide variable
• Chain Set() and Navigate() with a semicolon
• Detail screen reads selectedTicket.Title, .Priority, anything

Back()

 

• Back() returns the user to the previous screen
• No arguments, Power Apps remembers where they came from
• Wire it to a back-arrow icon or a button

Variable scope, where does it belong?

 

• App.Formulas: app-wide constants, always available
• App.OnStart: runs once at launch, where your ClearCollect lives
• Screen.OnVisible: runs every time a screen opens
• Button OnSelect: runs on the user action

 

Name your controls like a pro

$$

 

• Default names: Label1, Button2, Gallery1, unreadable
• Prefix by type: lblTitle, btnSubmit, galTickets
• Helps you when a screen has 15+ controls

What you'll build

 

• Wire a browse → detail flow
• Tap a row to see its details
• A back-arrow returns to the gallery

Let's practice!

Introduction to Power Apps