cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Doors1980
Level: Powered On

Menu Screen Navigation help

I'm designing a multiple screen based menu.

 

My user's starting point is a Hamburger menu icon on my apps home screen:

 

1.png

 

The hamburger menu Icon gets you to this screen:

 

2.png

 

...and clicks on "issues by school" take you to another screen, but what appears to be a submenu to the user:

 

3.png

 

Currently, the hamburger menu icon is set to back() which does not achieve what the user would expect (that the menu closes and they are navigated to the last viewed gallery screen) 

 

Instead, use my last screenshot as an example, the submenu list of the schools is displayed and the hamburger menu is clicked, you are taken back to my second screenshot where you would normally expect the menu to close completely.

 

So is it possible to formulate Back() to exclude all the "menu" screens and detect the last gallery screen viewed?

 

Cheers in advance.

1 ACCEPTED SOLUTION

Accepted Solutions
PowerApps Staff sarafankit
PowerApps Staff

Re: Menu Screen Navigation help

Have you tried to make the entire menu a single page instead of each page of the sub-menu being different screen?

You can set the visibility of  "School1" & "School2" to change when the IssuesBySchool button is clicked? 

 

 

  • Your rule for IssuesBySchool.OnSelect will be like "Set(ShowSchools, !ShowSchools)"
  • Your rule for your waffle screen.OnVisible will be "Set(ShowSchools, false)"
  • Then your rule for the "School1" & "School2".Visible will be set to ShowSchools.

Once you do this, the waffle button Back() will start working well.

View solution in original post

9 REPLIES 9
Community Support Team
Community Support Team

Re: Menu Screen Navigation help

Hi @Doors1980,

 

I think this cannot be achieved so far in PowerApps as the app cannot recognize which screen is the last viewed one. You can set to navigate to one specific screen. 

 

You could post what you need in the PowerApps Ideas forum, so it might be considered for future releases.

https://powerusers.microsoft.com/t5/PowerApps-Ideas/idb-p/PowerAppsIdeas

 

Regards,

Mona

Community Support Team _ Mona Li
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
Doors1980
Level: Powered On

Re: Menu Screen Navigation help

Thanks, @v-monli-msft , appreciate the response. Smiley Very Happy

PowerApps Staff sarafankit
PowerApps Staff

Re: Menu Screen Navigation help

Have you tried to make the entire menu a single page instead of each page of the sub-menu being different screen?

You can set the visibility of  "School1" & "School2" to change when the IssuesBySchool button is clicked? 

 

 

  • Your rule for IssuesBySchool.OnSelect will be like "Set(ShowSchools, !ShowSchools)"
  • Your rule for your waffle screen.OnVisible will be "Set(ShowSchools, false)"
  • Then your rule for the "School1" & "School2".Visible will be set to ShowSchools.

Once you do this, the waffle button Back() will start working well.

View solution in original post

Doors1980
Level: Powered On

Re: Menu Screen Navigation help

Thanks @sarafankit that's working brilliantly for the school menu expansion.

 

I need to do the same however for the "issues by team member"  on the same screen.

 

The below steps are correct I think...

 

  • IssuesByTeam.OnSelect: "Set(ShowTeam, !ShowTeam)"
  • Rules for the "Team1" & "Team2".Visible will be set to ShowTeam.

...but what do I set the waffle screen.OnVisible to?

 

Set(ShowSchools, false) && (ShowTeam, false) is not working

 

Cheers.

 

 

Highlighted
Doors1980
Level: Powered On

Re: Menu Screen Navigation help

Thanks @sarafankit , I got it working.

 

Set(ShowSchools, false) && (ShowTeam, false) is showing an error on the formula but its working.

PowerApps Staff sarafankit
PowerApps Staff

Re: Menu Screen Navigation help

@Doors1980- Glad to hear that your design issue was resolved.

 

The way to chain commands in PowerApps is by using ";"

 

So, the formula will become:

Set(ShowSchools, false); Set(ShowTeam, false) 
Doors1980
Level: Powered On

Re: Menu Screen Navigation help

Thanks, @sarafankit, That's got rid of the error.

 

The menu now looks like this and it's just the one page so the hamburger menu really does go back()

 

https://giphy.com/gifs/26FeXgSHmuoXXfT9u

 

ShwetaBuddhadev
Level: Powered On

Re: Menu Screen Navigation help

Can you please share your code for having Nevigation Menu bar??

JoshmoAtPwC
Level: Power Up

Re: Menu Screen Navigation help

This, it would be invaluable to future people looking to solve similar tasks

Helpful resources

Announcements
thirdimage

Power Automate Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

sixthImage

Power Platform World Tour

Find out where you can attend!

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

fifthimage

Microsoft Learn

Learn how to build the business apps that you need.

Top Kudoed Authors (Last 30 Days)
Users online (4,947)