PowerApps flyout menus, floating buttons, and X Y Controls 

I was screaming in front of the screen "Y, Y, Y", my wife asked me "why... what?". Great video, Shane, thank you, will definitely use the sliding tip.

Hey Shane, I am a newbie to PowerApps, I've learned so much from you. I love your tutorial videos and your explanation is easy and understandable also. Thank you !

I literally spent half a day figuring the slide in slide out animation unknowingly you had this already covered on your videos. Thanks Shane!

For anyone with the "Menu shows on app open" ... Here is how i solved the issue If(StartMyTimer,If(ShowMenu,-MenuBG.Width + MenuBG.Width * (MenuTimer.Value/MenuTimer.Duration),-MenuBG.Width * (MenuTimer.Value/MenuTimer.Duration)),-MenuBG.Width) Shane, Awesome work as always!

Thank you very much for all these great videos, Shane. I am very happy that I found your RU-vid channel when I was about to learn PowerApps. This was my jumpstart into PowerApps. You are a great instructor!

Thanks Shane - your videos have made a massive difference to my apps! You actually make it seem easy..hehe. ThankYou!

Hi Shane, I can't get enough of thanking you, you really teach !!! I hope one day I can meet you!

This is awesome! Thanks Shane 😊 Have a Merry Christmas! 🎄

Thanks Shane, I was able to adapt your code to create a fade in menu box too! In the fill section of the rectangle: “If(ShowMenu,ColorFade(sdTheme.sdWhite, - 100% * (Timer2.Value/Timer2.Duration)),ColorFade(sdTheme.sdBlack, - 100% * -(Timer2.Value/Timer2.Duration)))

This is great! Learning a lot, not always immediately useful but you never know!

Swinging stuff outside the screen... What a great idea! I can't wait to start modifying my app now.

That was so cool Shane! Nice stuff, really loved it and I am using in my current app. Thank you.

ErrrrMeeerrGheeeerddddd ! I just realized you can use the same timer so multi slide action on many items within a group. For example, not only does my Menu slide, but the gallery within it has it own slide action. and items within the gallery slide now too. AND the image in the gallery gradually gets larger! You can apply this same timer to any control in that group of controls or any property that accepts a number value. Very versatile! So now I have double slide action and an image that seems to just pop into existence and then looks like its getting closer to the screen as it grows.

Hey Shane, great video, thank you! It appears there's been some update to Power Apps that makes this look kinda bad when made as instructed, unfortunately. Setting the "ShowMenu" variable inverts the X formula for a split second before the timer begins, so the menu pane flickers to the end before starting to slide off. For anyone stuck, you can fix it by taking out the UpdateContext({ShowMenu:!ShowMenu}) from the button and instead adding this and a timer reset to the timer's OnTimerEnd event: UpdateContext({ShowMenu:!ShowMenu}); Reset(Timer1)

Just used this to make my own warning messages that fly in from the sides! Great Video

Yes yes yes. Finally a way to open footers in fancy way. Thanks man!!!

Hi Shane!..great video and clear instructions!!..thank you

Great and very cool tricks ! Thanks a lot for your efforts and explanations Shane :)

Your videos from 2018 are still saving my arse lol.

Excellent ! So much fun here

Thank you very much, awesome tips and tricks again !

I just ended up subbing to your content Pretty nice, I'm just a beginner using PowerApps thanks

Hay, Shane Very nice video. Thank a lot.

Great help Shane! Really makes navigation on an app easier. Question: For more intuitive feel, is there any way we could select the blank space area on a screen for the flyout menu to go away from the screen?

Thanks Shane for your lovely videos. I really learnt a lot from all these good videos. Can you please help me how I can create sliding menu which will be workable similarly for multiple screens?

💪🏼 Thanks Shane !

Hey Shane Love the vid. I was curious did you try creating the menu they way you want it look, then group all the buttons/ links/ Navigations together and then do the timing & Fly out features? Its something I was looking into trying to simplify the process and making it easier to repeat.

Great videos Shane, as someone starting off on PowerApps your videos have solved a number of my questions. Does anyone know how to make this menu a repeatable item on multiple screens? I’ve had to copy the rectangle and buttons over to my second screen and redo all the x/y values.

Awesome video, as usual! :) I have a pretty busy gallery screen as it is. When I have the menu in front of everything it's hard to design the gallery screen. Any suggestions on this? Also, if I want this fly out menu on all my screens I have to manually do it right? Would be nice to have a "master template" feature in the future.

This one is mind blowing

Hi Shane! This is really awesome stuff and really helpful. Just love all your videos. About this one, now the menu is appearing from left to right but is it possible to have it appear the opposite meaning flyout from right to left. I have tried but I can't get it to work.

Great video, third time I am falling back to it. Would it be possible to have a follow-up video describing how to work with swipe functionality in Powerapps? More specifically I am looking to bring a menu on the screen by swiping from right to left using the thumb. (mobile screen). Would that be possible with PowerApps? (I know it's a functionality barely supported in Powerapps as I was able to find some useful stuff.

Shane, thanks for all the excellent content- I have learned a lot from your videos. The problem I run into is I created an app on the cell phone format- this works great when it is accessed from a cell phone. When the app is opened from a tablet though- the menu is visible and clickable off to the side of the app because of the way cell phone formatted apps display on a tablet. I tried setting the visible for my hamburger menu (flyout) group to only be true when the group is on screen and I cannot seem to get it right. Any suggestions? It almost feels like a crazy glitch as sometimes it shows it and sometimes it doesn't...

Shane ... I'm stealing from you! (you said to tell you!). Seriously; great stuff! We're moving to PowerApps from Nintex Forms & InfoPath and you're making the transition a lot easier. Looking forward to more videos on Flow :-). All the best man!

Hello, Shane! Thank you for always providing enjoyable videos. I appreciate the wonderful video once again. With reference to this video, I have implemented the menu to appear from the right side of the screen and move towards the left. Although I have set the menu to be hidden initially on the screen, when the button to toggle menu display/hide is pressed, an event to hide the menu first (the entire menu is displayed and then hidden from left to right) occurs. The expected behavior is for the menu to be displayed. I have tried various methods but have not yet resolved the issue. Therefore, could you please provide some guidance on how to resolve this? I would greatly appreciate your assistance. Thank you very much.

Hi Shane. Thanks for the demo. Question: The menu jerks out and in when sliding. How do I fix that. Also, If I want the menu to slide form the right side, how would I write that formula? Thanks again.

Hello Shane and thank you for your videos. I had a small question concerning your solution, how to make so that the menu is not visible when the application starts? Thank you from France!

amazing !! you are too good :)

Hi Shane, I seem to get a fidgety screen slide in when i follow your video. How do you add logic to the formula where if the screen already has the menu visible, I make it not refresh and slide right and instead make it slide left and hide?

Hi Shane, thnx for your Video. )I've a question to everyone: Are there any possibilities to integrate this in a gallery? I'd like to bind it to an selected element as a kontext menu with diffrent funtionalities for a list element, i.e. Delete-, Archive-Button?

Hi Shane, I am using a similar approach to zoom in into an image (with Position set to 'Stretch' and controlling the height/width). This is working OK, however I noticed that I am able to move the whole screen to the left, thus revealing the right side of the image (happens only in this direction). Do you have an idea on what's going on there? How do I prevent this panning? Any help is much appreciated! Thanks!

You rock !!! Thanks mate

Shane, would you know why my menu is displayed when my screen first opens? I followed your steps and my button does move the menu in and out on my screen, but it starts with the menu on the screen.

Great video. Thank you. Is there a way to create it as a component or something so it can be used from screen to screen without recreating it multiple times?

Ok, so I've noticed when playing with the speed of the sliding/animation. Only numbers counting by like 50. Any time I tried other numbers 275 or 280, it ends up with a weird gap when the condition is true.

Hi Shane Another great video, thanks! How would you go about floating buttons with a SharePoint form? That doesn't work like galleries. Do you have an idea?

HI Shane, Thanks for all your vids. I've used your idea in my app and tried to improve it by auto hiding the menu after 5-10 secs. haven't figured it out yet. Maybe you could help?

Thank you for a great video Shane. I am actually trying something similar maybe you could assist. I have a gallery that I would like to animate/flyout. On page load the gallery needs to show and when user clicks button it should animate away. When the user clicks the button it should animate back. I managed to get the animation to go off and on the screen but when the page loads it’s blank the gallery is already of the screen

Who has a FLASHING issue on this that is driving them crazy?!?!!?!? Me too... till I solved it. If my response has helped, please like! Solved that split-second flash! (It nearly sent me round the bend, I'm surprised no one else had this issue but you and me) ... anyway, it's down to how the timer works!. For that 'split-second' at the start of the timer, the timer is at 0, which creates a calculation putting the menu on screen for that split second!! Yep, that's the issue! What you need to do is create a variable called vrblMenuRunning set to true. You have this on the action button after you have started the timer. On the timer itself OnTimerEnd you have the same variable vrblMenuRunning set to false. On the visibility of the menu, you have this code ... If(vrblMenuRunning And Value(Label1_1.Text) = 0, false, true) .... (The same code on the menus X position, I have the same code in Label1_1 to reference against. So the split second that the timer starts running, and the timer is 0, the menu won't show, i.e. flash. Hope this makes sense. I was up MOST of the night trying to figure this out, went to sleep as a failed man, woke up again, and had a light bulb moment (when I realised its the time, it starts off at 0) and solved it in 10mins! If you like it, thumbs up pls!

Thank you shane love from india

Hey probs a silly question, but is there a way to manipulate the x and y of a data card to change it's position in a form?

Hello Shane, following your video I have only one issue. When the fly-out menu goes back off the screen i have a small flicker just before it slides back, this also contains the code mention in other comments on getting it to be defaulted correctly too . I was wondering if you know why this happens and if there is a fix for it. Thank you

Shane, I made several versions of this type of animation. The animation does exactly what it is supposed to do. However, there is a small problem: The object flashes its default position and it appears to "jump" before the animation starts. Do you have any suggestion on a strategy to mitigate this effect? Thanks!

Is there a waybof inverting the vertical slide. The horizontal slider works as you would expect. You drag to the right and picture goes right but vertically it's the opposite?

Hi Shane, thanks for all the vids! Trying to figure out how to do a small slide in menu/options bar (on mobile canvas app) from right to X position 476 but can't seem to translate this across. Also, I have grouped all my buttons, labels and Icons in together with the rectangle so they follow the same formula, they are all appearing, disappearing and sliding together, but not in the direction that I want, lol. Could this be the issue? Any ideas would be hugely appreciated. Power apps newbie and math dunce here :). Many thanks

did you ever find a way to address when the timer is on you have to click the button twice initially ( see 16:05 ) I am currently removing the timer aspect as Having to click the button twice will lead to confusion for end users

Hi, first of all, thank you very much Shane Young; not only for this video but for the whole channel. If you come to Mallorca (Spain) I'll buy you a beer. Like some of you, when my fly-out menu starts moving (from bottom to top movement, or right to left) it blinks/flashes for a second. SHORT ANSWER: Add a "reset(Timer1)" in button, just after "Update({StartMyTimer:false})" LONG ANSWER: I've noticed that the first time you clicked the button the movement of the fly-out menu was clean, but the following times you clicked the same button the menu was blinking/flashing for a milisecond. @Simeon Williams put me in the way of the solution that worked for me (Thumbs up for him): the first time you click the button, the value of the timer starts on "0" just before beguining the movement, but the following times the timer starts on the time duration that just happened the first time the timer ends "1000". That 1000 on the timer value makes the menu reach the position you want in the right beginnig of the movement, and that's what makes blink the menu for a milisecond: SOLUTION CODE: on the OnSelect property of the button: UpdateContext({StartMyTimer:false});;Reset(Timer1) ;; UpdateContext({ShowMenu:!ShowMenu;StartMyTimer:true})

Hi Shane, In Mobile App, it doesn't work, because it doesn't allow to put the rectangle out of the screen with the established function.

How can I make submit button disabled if any of my controls fail validations? I want somethung similar to InfoPath. Is it impossible

Good morning, I'm from Brazil and I'm developing an application that when taking a photo appears the date and time in the photo, but I can not do it in the powerapps, please help me

hello my name is Levent ILHAN. I need help with something in PowerApps. This is what I want: I have a SP list and I have 3 fields in this list, model, variant and operation. I have a 2 dropdown and a button on it. Dropdow1 I'm pulling models from the SP list. Dropdow2 to the SP from the list of variants of the selected model. Then, when I press the button, a new form will open and I want it to create a dynamic button for the operation of the variant I chose in the SP list. And I want to assign a value to the onSelect of each button. thank for your help

Hey Shane! Love your videos. I have learned so much from you. Thank you!... I have a quick question regarding the flout menu. I have followed your instructions step by step and was successful in creating a flyout menu. However, I am running into a small issue. Everytime I open the app. The flout menu is defaulted as true (Though on the backend shows false.). Let me know if I need to be more clear on the issue or if you already have a solution for this. Thank you and I appreciate you.

So, would it be at all possible to have the menu close off the screen if anything but the menu was clicked? So, instead of closing by clicking "Show Menu" every time, just click any white space.

Hi Shane Put this into use, I hv a scenario that I hv a sub gallery that abstract some info from main gallery. I hv set up sub gallery to open when the item IssSelscted. ( due to screen real state issue) I want to open the sub gallery next the main gallery row (dynamically) I couldn’t manipulate Y property as it always = 0. You could make me a happy man!!!!!!

Shane, I can't seem to get the Menu's X location to accept the "Timer1.Value" portion of the equation. Its as if PowerApps doesn't recognize the "Timer1.Value" as a number.

When having multiple screens I try to navigate back and forth and the menu still remains open. How can I make the menu hidden again after going to another screen? Many thanks,

I have a problem. Where can I send you descriotion of my problem so if you can help me??? PLS :)

When I open my app the slider screen in shown without clicking the button how to prevent it showing while opening the app

Hey Shane, Slider control stops working in my application frequently. What will be problem. Is there any solution?

What about changing Height of Gallery towards top instead of bottom.

Could you share a video about how to show sharepoint attc. images on mobile ?

I'm surprised that MS haven't already put basic animation behaviours in, either more complex than I realise or bigger priorities I guess.

How do you make this on the right side instead of left? I would greatly appreciate any feedback

Can you please make a video of a page that stuff will go to when they are submitted

Maybe you can make another video so when the menu slides out, the background screen dims grey.

will this affect the mobile app performance?

How come the menu keeps flashing before it starts moving it takes away from the whole slide affect

Quick question, im trying to scroll a bouton diagonally from de middle of the screen to a specific point in the top right corner by triggering a another button. I followed your instruction and try to modify it for my purpose. I was not able to achieve what i wanted.. I need your help thank. Here's what i'm trying to achieve. Every button coming from the centered one. i.imgur.com/gqXyjv8.png

Why would you not just create a group for the items and perform the operation on the group?

Mine kinda works but it´s not smooth at all. Does anyone have any ideas about that?

How can we have this awesome Stress Ball :-)

Main problem I meet in Europe is that instead of ',' I have to use ';'. And then when I need to use ';' I have to double it - ';;' . It's a very annoing bug, but this is MicroSoft......

When i try this, i see a glitch in my rectangle. I am exploring