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

 

Administrator
Administrator

Re: Cannot navigate screens - components issues?

Hi @luuminhvuong93 how are you progressing with this?

 

@TopShelf-MSFT 

Highlighted
luuminhvuong93
Level: Powered On

Re: Cannot navigate screens - components issues?

@TopShelf-MSFT  So far NO, not solved yet

Helpful resources

Announcements
firstImage

Watch Sessions On Demand!

Continue your learning in our online communities.

Top Community Contributors for July 2019

Top Community Contributors for July 2019

Let's thank our top community contributors

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

FirstImage

Power Platform World Tour

Coming to a city near you

thirdimage

PowerApps Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

FourthImage

Join PowerApps User Group!!

Connect, share, and learn with your peers year-round

FifthImage

Dynamics 365 and Power Platform April 2019 Release notes

Features releasing from April 2019 through September 2019!

Users Online
Currently online: 180 members 5,369 guests
Please welcome our newest community members: