cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Helper I
Helper I

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
Highlighted
Power Apps
Power Apps

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
Highlighted
Community Support
Community Support

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.
Highlighted
Helper I
Helper I

Re: Menu Screen Navigation help

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

Highlighted
Power Apps
Power Apps

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

Highlighted
Helper I
Helper I

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
Helper I
Helper I

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.

Highlighted
Power Apps
Power Apps

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) 
Highlighted
Helper I
Helper I

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

 

Highlighted
Regular Visitor

Re: Menu Screen Navigation help

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

Highlighted
Advocate I
Advocate I

Re: Menu Screen Navigation help

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

Helpful resources

Announcements
Community Conference

Power Platform Community Conference

Check out the on demand sessions that are available now!

Watch Now

Experience what’s next for Power Apps

See the latest Power Apps innovations, updates, and demos from the Microsoft Business Applications Launch Event.

Power Platform ISV Studio

Power Platform ISV Studio

ISV Studio is designed to become the go-to Power Platform destination for ISV’s to monitor & manage published applications.

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Top Solution Authors
Top Kudoed Authors
Users online (6,732)