Flyout Menu Component (Left/Right) 09-25-2019 00:39 AM

[Edwin-Abdalian]

I've created a flyout menu which is very easy to configure and reuse in your apps.

Just 3 steps:

1. Create a button to show/hide the menu and set the OnSelect property of it to UpdateContext({locShowMenu: !locShowMenu)
2. Insert the Component and set these custom properties:

**Data Source = collection or a table

Table(
    {
        Title: "Home",
        MenuIcon: Home,
        Screen: Screen1
    },
    {
        Title: "Appointments",
        MenuIcon: AddToCalendar,
        Screen: Screen2
    })

**Show Menu = locShowMenu

**Left Side Flyout = true (if you would like the menu to fly in/out from left. else set it to false to make it a right side flying menu

1. Set the Visible property of the component to “Name of the Component”.ComponentVisibility. for example ‘Flyout Menu_1’.Component Visibility

[Chrisguff12]

@Edwin-Abdalian 

Hello, I really like your app and plan to use it in many future app. I was wondering if there is way to change the screen transition? Right now, I believe it’s a cover right but with the menu and screen movement it’s a little jarring to the eyes. Would it be possible to change it to Fade?

[n1ckmuk]

has a change in powerapps broken this component? I'm using this in quite a few apps and they have all suddenly stopped working with an error;

[Vansyork]

Having the same issue here, have you found a solution yet?

[n1ckmuk]

Yes...

https://powerusers.microsoft.com/t5/Building-Power-Apps/something-has-broken-all-my-apps/m-p/873355#...

[Vansyork]

Thanks for you anwser, It helped me fix the problem! What a weird issue... I had to put 'dummy' data in the components datasource with the same signature of the data I used to push in, and then set the datasource again on the screens side.