cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
Post Patron
Post Patron

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

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.
Highlighted
Post Patron
Post Patron

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

 

Highlighted
Anonymous
Not applicable

Re: Cannot navigate screens - components issues?

Hi @luuminhvuong93 how are you progressing with this?

 

@Anonymous 

Highlighted
Post Patron
Post Patron

Re: Cannot navigate screens - components issues?

@Anonymous  So far NO, not solved yet

Helpful resources

Announcements
Check this Out

Announcing

Class of 2020- Season 2

Check this Out

Helpful information

Featuring samples like Return to the Workplace and Emergency Response Applications

August 2020 Community Challenge: Can You Solve These?

August 2020 Community Challenge: Can You Solve These?

We're excited to announce our first cross-community 'Can You Solve These?' challenge!

secondImage

Return to Workplace

Reopen responsibly, monitor intelligently, and protect continuously with solutions for a safer work environment.

secondImage

Power Platform 2020 release wave 2 plan

Features releasing from October 2020 through March 2021

Top Solution Authors
Top Kudoed Authors
Users online (8,228)