Flyout Menu Component (Left/Right)

Hola buen dia, soy nuevo con power apps me gusto bastante su aplicacion. tengo una duda al darle click en el boton para que abra el menu. como hago que al abrir el menu el fondo este en gris como se vizualiza en el gif

Hi,

I was wondering that is there way to so make this component visible by clicking another component (not using updatecontext). My goal is to make component that includes that icon-button that now brings flyoutmenu visible. Thanks!

This flyout menu started acting very weird lately.  I have it working in 1 apps, was working in a 2nd but all of sudden it stoped displaying the menu items.   I completely removed it and replaced it and setup the datasource and the items returned.   Then I updated app and it is not showing the menu items anymore.   Does anyone else have this problem and what did you do to fix it?

Hi

Thanks for this Component, very useful, however I have one error which I cant seems to fix. All my icons are showing "Waffle Icon" as shown in attached screen. I am using table (screen2). Title and Screens seems to be working fine.

Anurag

Can I have source file, please? Thanks

Is ok, I found the issue already, in the onselect you need to change Screen to screen manual too.

Not sure what screen target error is - post an error message that you see.   
Is the menuIcon control in the component fixed.  that was supposed to be ThisItem.MenuIcon.

Note the capitalization as it matters.  Everything must match.

hi, i still can't figure out, i did change Screen to screen, menu appear but can't navigate to the target

as i found the screen target encounter error, please help

ok, this is weird but it worked and it removed the problem I had in a previous app that was using this component.

Screen vs screen

I assume Screen is a reserved word now, or that changed recently.   When I changed the structure of the collection to have a lowercase s, the error about an expected different collection went away

Example 1 with a variable

Set(
_myMenu,Table(
{
Title: "LOGOUT",
MenuIcon: Airplane,
screen: SplashScreen  //This is what I changed screen from Screen.
},
{
Title: "Virtual Board",
MenuIcon: Home,
screen: VirtualBoard  //This is what I changed screen from Screen.
}
)
)

Same way with a collection

ClearCollect(
colMenu,
{
Title: "LOGOUT",
Icon: Airplane,
screen: scr_SPLASH
},
{
Title: "HOME",
Icon: Home,
screen: scr_HOME
},

{
Title: "REQUEST STAFF",
Icon: LogJournal,
screen: scr_REQUEST
},
{
Title: "ENTER AND DEPLOY STAFF",
Icon: Icon.Draw,
screen: scr_BACKENTER
},
{
Title: "NOMINATE STAFF",
Icon: People,
screen: scr_NOMINATE
},
{
Title: "REDEPLOY STAFF",
Icon: DetailList,
screen: scr_REVIEW
},
{
Title: "VIEW SCHEDULES",
Icon: Newspaper,
screen: scr_VIEW_SCHEDULE
},

{
Title: "Experiment",
Icon: Clock,
screen: scr_3DaySchedule
}
,
{
Title: "EDIT RECORDS",
Icon: Icon.Erase,
screen: scr_EDIT_NOM
},

{
Title: "CONTACTS",
Icon: Icon.People,
screen: scr_CONTACTS
},

{
Title: "ADMIN",
Icon: Settings,
screen: scr_ADMIN
},
{
Title: "HELP",
Icon: Waypoint,
screen: scr_HELP
}
)

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.