cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Doors1980 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
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
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
Doors1980 Helper I
Helper I

Re: Menu Screen Navigation help

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

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

Doors1980 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.

 

 

Doors1980 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.

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) 
Doors1980 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

 

ShwetaBuddhadev
Regular Visitor

Re: Menu Screen Navigation help

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

JoshmoAtPwC 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
MBAS Gallery 2020

MBAS Gallery 2020

Watch Microsoft Business Applications Summit sessions on-demand.

‘Better Together’ T-Shirt Contest – Winner Announced!

‘Better Together’ T-Shirt Contest – Winner Announced!

And the winner is...

firstImage

New Ranks and Rank Icons released on April 21!

The time has come: We are finally able to share more details on the brand-new ranks coming to the Power Apps Community!

Power Platform 2020 release wave 1 plan

Power Platform 2020 release wave 1 plan

Features releasing from April 2020 through September 2020

Top Solution Authors
Top Kudoed Authors
Users online (7,297)