Power Platform Community Forum Thread Details

Hi All

I am building an application where the navigation on on a container to the left and the content will be displayed in the maincontentcontainer on the right side of the screen, I cannot figure out how when I press one of the buttons how to get the content into the maincontentcontainer

This is the app

error 1.png

This is what I have right now

error 2.png

Hope you can help

Many Thanks

Rob

Categories:

Building Power Apps

What screen of your app, is that screenshot from? The action you have listed would navigate the user to the 'Personal Information' screen. I believe you are trying to remain on the same screen, but show different content within the 'MainSectionContainer1' container.

This could be accomplished with a variable, but I caution you about layering too many controls and using variables to show/hide. This can become both tedious to code, and slow for the user (as screen complexity increases).

Instead, you can use the layout you've shown and use the same buttons (or a component) to act as the navigation. Then by clicking the button, the user will navigate to a screen with the appropriate content in the screen's particular 'MainSectionContainer1' (it will be named differently, if copied, and should be named to match the screen).

https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/create-component

Some quick tips

Define your app's areas/screens (Home, Personal Information, Observations, etc.)
Create screens with the container layout for each area
Create a navigation component, or simply define your navigation buttons (as best you can) on a single screen
- Buttons for X area
- Set the OnSelect to navigate to the appropriate screen (area)
- Set the button's Fill dynamically
  - On the Home button, for example
  - If(App.ActiveScreen = 'Home Screen', Blue, Red)
- Again, these should be within a component, but you will need to learn how to pass app context to the component and vice-versa - we can help!
Once you're happy with the buttons (either as buttons, or component)
- Copy these navigation buttons or component into all of your screens