Power Apps Tip: Hide The Navigation Bar In Play Mode



Hide the Power Apps navigation bar in play mode by adding hidenavbar=true to the end of the app’s URL. I recommend you do this when providing users with a link to any canvas app so it displays as large as possible on the screen. Here’s a quick summary of how this tip works.



Before Hiding The Power Apps Navigation Bar

To hide the Power Apps navigation bar open an app in play mode. At the top we see a purple navigation bar. This is what we are going to remove.



Copy the app’s play URL from the web browser’s address bar. We will change this URL to disable the navigation bar.

https://apps.powerapps.com/play/e/default-f1b8b509-50a4-4a5c-8e48-bf3d3e7c10ed/a/5168acec-07bc-4b03-8d75-954be79b7534?tenantId=f1b8b509-50a4-4a5c-8e48-bf3d3e7c10ed&source=portal




After Hiding PowerApps Navigation Bar

This is how the app looks after hiding the navigation bar.

To do this, paste the app’s play URL into the web browser’s address bar and type &hidevarbar=true at the end. It’s just that simple.

https://apps.powerapps.com/play/e/default-f1b8b509-50a4-4a5c-8e48-bf3d3e7c10ed/a/5168acec-07bc-4b03-8d75-954be79b7534?tenantId=f1b8b509-50a4-4a5c-8e48-bf3d3e7c10ed&source=portal&hidenavbar=true





Questions?

If you have any questions about Power Apps Tip: Hide The Navigation Bar In Play Mode please leave a message in the comments section below. You can post using your email address and are not required to create an account to join the discussion.

Matthew Devaney

Subscribe
Notify of
guest
7 Comments
Oldest
Newest
Inline Feedbacks
View all comments
Christopher M
Christopher M
1 month ago

Awesome tip!

Can this be added to App>StartScreen to run every time or is it only possible through the appended url?

Matthieu G.
Matthieu G.
1 month ago
Reply to  Christopher M

Impossible because it is a javascript parameter passed with the URL. Two option to always hide the nav bar:
– a short cut (desktop, browser, etc.)
– Display the app in a SharePoint webpart
– Launch from Teams

Andrés
Andrés
1 month ago

Nice Trick, thank u Matthew

Matthieu G.
Matthieu G.
1 month ago

Be careful when you hide the navbar, the “adjust size to screen” rectangle icon in the nav bar vanishes. It means that if you keep locked screen size in your app, a user will not be able to resize the app if he expands or shrinks his browser window.
The hidenavbar=true parameter is nonetheless welcomed when “scale to fit” is disabled in the app settings

Duncan
Duncan
1 month ago

Great tip, Matthew. Thank you very much.
My App’s URL hasn’t got “&source=portal” end. What’s the difference?
Regards.

Eduardo
1 month ago

Great tip, thanks for sharing