Linking up Navigation on Screens in Canvas App

In a Canvas app, we can link up navigation between screens to create a seamless user experience.

Here are the steps to link up navigation on screens in a Canvas app:

  1. Open Canvas app in Power Apps Studio and select the “Screens” option from the left-hand side menu.
  2. Select the screen that we want to link up navigation for. For example, we may want to link up navigation from a Home screen to a Detail screen.
  3. On the selected screen, add a control that will trigger the navigation to the next screen. For example, we may add a button or an image that the user can click on to navigate to the next screen.
  4. Select the control that we added in the previous step, and then click on the “OnSelect” property in the right-hand side menu.
  5. In the “OnSelect” property, add a formula that will navigate the user to the next screen. For example, if you want to navigate from a Home screen to a Detail screen, the formula might be: Navigate(DetailScreen, Transition.None)
  6. Save changes and test the navigation by running Canvas app.
  7. Repeat these steps for each screen that we want to link up navigation for.

In addition to linking up navigation between screens, we can also customize the navigation experience by adding animations or transitions. For example, we can use the “Transition” parameter in the “Navigate” formula to add a fade-in or slide-in animation when navigating between screens.


Posted

in

by

Tags: