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

Cannot navigate screens - components issues?

Dear PA team
I try to create a new app using the component for some simple stuffs like tab, title header...
After adding to about 10 screens it , suddenly on iphone I cannot use navigate to go to any screen with components
Could you please help me to check?
Other app I created without the components are still working fine. I dont know because Of the new app version, or because I added another screen( it was working fine) . I tried to use Navigate to go to different screen name , and run again, but only works for PC. I enabled all experimental settings already...
ID : 58a372a5-ec3f-483f-8c72-0b19650a78c1
4 REPLIES 4
Community Support Team
Community Support Team

Re: Cannot navigate screens - components issues?

Hi @luuminhvuong93 ,

 

Did you mean that this issue only happens on mobiles/tablets? Please make sure that after you changed the setting for components, you have published the app with the new setting.

Capture.JPG

 

Instead of using a control as the navigation component, a more scalabe solution is to create a header component. Please follow the steps in below great solution posted by Mr.Dang:

https://powerusers.microsoft.com/t5/Creating-Apps/Components-Screen-Navigation/td-p/242680

 

  1. Insert controls into a blank component normally. Use a gallery for the menu navigation so it could scale to any number of screens.
  2. Create an custom property for 'Items' which will be a table containing all the screens to navigate to.
  3. Give the new 'Items' property a table with sample data as a placeholder:
    Table(
        {id: 0, label: "", screen: App.ActiveScreen}
    )
    This is a table with 3 columns: Id, label, and screen..
  4. Point the gallery's Items to the component's Items property:
    {F8A9DFF4-BF6C-40E7-BA7E-265DD24F5B32}.png

     

  5. Inside the gallery, insert a button to be used for navigation.
  6. Change the OnSelect property of the button to:
    Navigate(ThisItem.screen,Fade)
    This will cause the app to navigate to the selected screen later
  7. Leave the Component editor and go to Screens. 
  8. In the OnStart property of the app, collect all the screens you want to navigate to. Use the exact same table structure as you did in the Items property earlier.
    ClearCollect(screens,
        {id: 1, label: "Screen1", screen: Screen1},
        {id: 2, label: "Screen2", screen: Screen2},
        {id: 3, label: "Screen3", screen: Screen3}
    )
    {CED40146-02DC-471D-8805-ABDEC8D41E3D}.png
  9. Insert the component on the screen. Point the custom Items property of the component to the collection you just made.

As long as the sample table you made as a placeholder and the actual table you used have the same schema/columns, you'll be okay.

 

See attached msapp file for an example.

 

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.
luuminhvuong93
Level: Powered On

Re: Cannot navigate screens - components issues?

@v-monli-msft 

Thanks for your reply,

I can confirm :

1/ this issue only happens on mobiles/tablets. I tested the app on Laptop, works fine every time,

2/ I already changed setting for components, and have published the app with the new settings multiple times ,

 

I actually used the tab component from this blog by Mehdi Slaoui Andaloussi

https://powerapps.microsoft.com/en-us/blog/powerapps-ten-reusable-components/

 

I have a blank screen with a button that only used to Navigate(Screen, fade)

It used to work - thats the key thing,

suddenly with more screens it stop working. maybe I will stop using this components and replace by normal controls

 

TopShelf-MSFT
Level 10

Re: Cannot navigate screens - components issues?

Hi @luuminhvuong93 how are you progressing with this?

 

@TopShelf-MSFT 

luuminhvuong93
Level: Powered On

Re: Cannot navigate screens - components issues?

@TopShelf-MSFT  So far NO, not solved yet

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,954)