PowerApps flyout menus, floating buttons, and X Y Controls

[@AdiCristea]

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.

[@ShanesCows]

LOL. Thanks. I couldn’t believe I screwed it up. 😂

[@MichaelDeBlasis1369]

Roger THAT! luckily its about done as I can't seem to think of anything else to add to it. LOL

[@mattmcdermott5782]

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!

[@ShanesCows]

Thanks Matt

[@glara935]

Thank u Matt, this resolves the issue at the min.16:05

[@RyuzakiF]

How didn this work? StartMyTimer ends in true so if I would go to another screen and then back it would still be showing.

[@aaron6516]

OMG.... I thought i was crazy... and was driving me bonkers... thanks Matt!!! This helped fix that issue!

[@johnvincentpalisoc7623]

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

[@ShanesCows]

High five for figuring it out. 😀

[@RobinDamronII]

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)))

[@CLove511]

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)

[@johnvincentpalisoc7623]

Thank you! I was about to ask the same thing as I followed every syntax he did and was mind boggled why I was seeing the same result you had just pointed out.

[@HoneyBadgerJAB]

Ah yes! I kept going back through to see if I was doing something wrong. Hoping there is a work-around to clean that up. I'll start searching.

[@CLove511]

@@HoneyBadgerJAB Check the second half of my comment again, I got you covered fam

[@HoneyBadgerJAB]

@@CLove511 oh damn son! My bad I missed that. Thanks!

[@HoneyBadgerJAB]

@@CLove511 Very nice work around. Much obliged.

[@MichaelDeBlasis1369]

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.

[@ShanesCows]

SOunds very fancy! I love seeing the progress!

[@MichaelDeBlasis1369]

@@ShanesCows Now I'm expanding on that invoice system with cutom pre defined patches so users can select pre defined expenses from a dropdown and a button using the switch function. The select a value and then type the ammount assocaited and it does the rest. It's gonna get a bonus. I can feel it. ;)

[@MichaelDeBlasis1369]

@@ShanesCows Its the culmination of the past 6 months for me. I made this app 3 times over thus far. I've been adding other apps to this CRM as I go rather than making them separate. Go its becoming quite large and intricate. Nothing great ever came easy Shane. ;)

[@ShanesCows]

@@MichaelDeBlasis1369 Just be careful it doesn't get too big. If it starts to get slow while you are editing, then it has gotten too big. At that point you should consider breaking it up into smaller apps. 🙃🙃

[@MichaelDeBlasis1369]

@@ShanesCows 10-4! I actually just cleaned it up and it took me most of the day to add robust comments as well as clean out the app on start property. I think I'll leave it where it is as it's working well now. The Accounting and management portion should be seperate anyway. That way I dont have to depend on conditional formatting to hide its nav button... Thanks again!

[@marcsavoie7865]

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

[@ShanesCows]

Have fun!

[@channyeinttha1641]

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 !

[@ShanesCows]

You are welcome. Have a great weekend.

[@altino91255268]

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

[@ShanesCows]

🐶 Chewy and I say thank you.

[@JoStone]

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

[@ShanesCows]

Thanks Jo. Happy to help.

[@louiscutmore]

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

[@ShanesCows]

Thanks! You too!

[@padmajamadala417]

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

[@ShanesCows]

Awesome.

[@GieBaNa]

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

[@AlbertWeijers]

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

[@ShanesCows]

Yup. Good to put in the memory bank.

[@LandscapeInMotion]

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

[@ShanesCows]

Thanks. Glad it helps. 🤩

[@leetyler3102]

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

[@ShanesCows]

It is about getting the variables right. I think in this video I do a similar concept and don't have any double clicks. kzbin.info/www/bejne/rJO1lXmcppqneJo

[@pattin2938]

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?

[@ShanesCows]

Not sure. I haven’t tried. Sounds like an interesting try.

[@pattin2938]

@@ShanesCows I'm having issues with the flyout menu not starting off the screen when the app is run. How would you set the menu so that when the app is rendered, it is off the screen consistently? And it's jumpy ... not smoothly transitioning in. Transitioning Out is smooth. Transitioning In is jumpy.

[@marmc177]

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!

[@ShanesCows]

Use a variable to hide it when it is at that start position that is causing the blink. I think I showed something similar in this video when I animated the Search box. kzbin.info/www/bejne/rJO1lXmcppqneJo but it has been a long time so not 100% sure.

[@marmc177]

@@ShanesCows Thank you for your response. BTW- I really like your style of teaching... You explain almost every thing very clearly and in a way that can be expounded upon- Something that most programming videos lack. For example, staring out with good intends then skipping over critical parts and without explanation. I have never run into this issue with your videos. Well done!

[@randyarmy03]

Your videos from 2018 are still saving my arse lol.

[@ShanesCows]

Glad to help Rambo. Good thing is while the ui changes a bit the concepts usually stay the same.

[@jonmarkwright]

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?

[@ShanesCows]

Not that I know of Jon. Guess you would have to do something cool with Math? I have never thought about it. But now my brain is wondering. 🤔

[@coranismyway9087]

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

[@ShanesCows]

You are welcome 🙏

[@mikecoit8764]

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.

[@ShanesCows]

YOu can change the timer to make it move as fast or slow as you want. MOving to the right would require reveresing the math but I haven't done it. Though I did a related right to left movement in this video. kzbin.info/www/bejne/rJO1lXmcppqneJo

[@seanbrogan8667]

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

[@ShanesCows]

That is cool! Nice job and thanks for sharing.

[@AssassinUK]

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!

[@ShanesCows]

Thanks for sharing

[@Andrewpwilliamson]

Hi Simeon - Could you explain "On the visibility of the menu you have this code ... if(vrblMenuRunning And Value(Label1_1.Text) = 0, false, true)". Where am I putting this code, and what do I substitute "Menu" for "Label1_1" if i followed Shanes tutorial?

[@AssassinUK]

@@Andrewpwilliamson Hi Andrew. You would put that code on the visibility for the menu. The same code on the menus X position, I have the same code in Label1_1.Text to reference against but you could drop the code from Menu X Position code within the Value(x position code here) instead. All its doing is making sure that if the menu position equals '0' at any point while the menu is running, don't show the menu. It has to look at the output for position X to see if that ever equals '0', if it does while vrblMenuRunning is true, don't show the menu.

[@Andrewpwilliamson]

@@AssassinUK Thanks Simeon. I've tried placing "if(vrblMenuRunning And Value(Menu.Text) = 0, false, true)" into the "Visible" Property of the menu rectangle, but it's throwing out errors :( "The function 'Value' has some invalid arguments" and "Name isn't valid. This identifier isn't recognized". The first one I'm unsure about, but the second I assume if because my menu rectangle has no text, but if I just do Value(Menu) I get even more errors! I'll play around with it a bit and see what I can figure out, thank you for your help!

[@AssassinUK]

@@Andrewpwilliamson vrblMenuRunning is a variable I created that is set to true when the timer starts and the timer would only start if the menu is running hence the name of the variable, vrblMenuRunning. Have you created that variable? Try changing Value(Menu.text) to Value(Menu.X) ... this will be referring to the X position calculation to see if that calculation ever equals 0. Hope this makes a bit more sense.

[@yishimot]

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.

[@danielbongas7168]

Hi, is it possible to position an image/media in the center even when you're scrolling down. I'm making a loading screen but I dont know how to make my loading gif dynamically stay on screen. I know it's possible using javascript but I can't import solutions in our environment so there may be another way. Thanks

[@sngoh55]

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?

[@ShanesCows]

Need to add a variable and if logic to better control it. Just takes some creativity

[@MSAHD]

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

[@ShanesCows]

You have to flip the logic around. Been a long time but I know it is possible. Sorry wish I had the logic still

[@popsathena1981]

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!

[@ShanesCows]

Thanks and good luck 😻

[@karinacrynen9328]

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?

[@ShanesCows]

NOthing easy comes to mind. Probably not impossible but I don't have any good ideas off the top of my head.

[@aurelienmoiras4701]

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!

[@ShanesCows]

You have to mess with all of the default values to make it set to negatives at the beginning. I didn’t cover it in the video. 😔

[@aurelienmoiras4701]

@@ShanesCows Thank you for your response. I found Matt McDermott's response in the comments. It works perfectly. You just need to add "If(StarMyTimer," before you have formulated and add at the end, ",Menu.Width)". Thanks Shane your help is precious to discover PowerApps!

[@harishchandratiwari3602]

Hay, Shane Very nice video. Thank a lot.

[@ShanesCows]

Glad to help. 😀

[@JasonCiani]

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

[@ShanesCows]

Same concept, just different numbers. :)

[@JasonCiani]

Took me a while to understand it but I figured it out. May not be optimal but I just subtracts self.width and divied by 1.5 width If(Show_Adjust_Stock,Self.Width-(Self.Width/1.5)*(Timer1.Value/Timer1.Duration),-Self.Width-Self.Width*(Timer1.Value/Timer1.Duration))@@ShanesCows

[@TheJojonaru]

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})

[@ShanesCows]

Thanks for sharing Joan. 😀

[@72Freshy]

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?

[@ShanesCows]

Yes but forms are very moody so be careful

[@ivrindiacikocak1895]

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

[@ShanesCows]

I don't do much with attachments. Watch this video for an idea of how I do so with a document library. :) kzbin.info/www/bejne/q17FaapvmsZkoc0

[@val3ntas]

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,

[@ShanesCows]

You need to reset the menu show variable to not show when the screen becomes visible.

[@val3ntas]

@@ShanesCows can you clarify? I can't find solution for this. Thanks!

[@stefanrose4638]

@@ShanesCows I'm having absolutely the same question. I'ts driving me crazy. Everytime I navigate to the screen the menu is there... I can't find a way to hide the menu on start.

[@stefanrose4638]

​@@val3ntas I'm having absolutely the same question. I'ts driving me crazy. Everytime I navigate to the screen the menu is there... I can't find a way to hide the menu on start.

[@quinnhenry6719]

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.

[@ShanesCows]

You could add a transparent rectangle that had the hide code in the OnSelect anywhere you wanted them to click?

[@quinnhenry6719]

@@ShanesCows Aha! I saw "transparent rectangle" in the preview notification on my phone for this. Instantly realized what to do when I saw those words. Thank you!

[@gerfer6261]

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!!!!!!

[@ShanesCows]

I don’t think it is possible

[@Edward_ZS]

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

[@ShanesCows]

The logic needs tweaked to make sure it starts hidden. I helped someone work through it.

[@2NVTV]

@@ShanesCows Could you share how you did this please?

[@AssassinUK]

@@2NVTV Same issue I have.

[@AssassinUK]

Hey, managed to solve it .. at last. Was driving me crazy! Put the answer as a main reply to the video.

[@guillaumechandonnet8225]

@@ShanesCows same issus, could you share how u did it?

[@bboyExia]

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.

[@ShanesCows]

Interesting. Glad you got it working.

[@dbirkle]

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!

[@ShanesCows]

Sorry Denis I haven't messed with that. Sounds fun but I don't have any quick thoughts.

[@NickBotha]

💪🏼 Thanks Shane !

[@ShanesCows]

Happy to help

[@vkrish79]

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

[@ShanesCows]

You are welcome. 😀

[@rajkumarrajan8059]

This one is mind blowing

[@ShanesCows]

Thanks

[@usmanmughal8634]

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

[@ShanesCows]

You would have to change the x coordinate to move it up the screen

[@ldboy2004]

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.

[@ShanesCows]

That is odd. What is your formula? Do you get any red errors?

[@ldboy2004]

@@ShanesCows its an exact copy of yours. I opened up a new app to see if I somehow did something weird that just the timer nonfunctional. I added a new fresh timer and when I clicked on it, the timer wouldn't begin counting to the standard 60 sec. I normally use Chrome browser but I tried using Power Apps on Internet Explorer and it worked. I noticed that it had that similar glitch that others mentioned, that it flashes the menu before sliding in. IE also felt not as responsive as Chrome. Its slowness seemed to be contributing to the glitch.

[@kamijousawamura3168]

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

[@ShanesCows]

Cool. Lots of things to learn for sure but PowerApps is AWESOME. :)

[@ruthannvaldivia291]

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.

[@ShanesCows]

Hi Ruth - You have to get the variable logic flipped around to hide it when the app opens. Someone else had this challenge and she just had to change the defaults.

[@JT-sr7fp]

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

[@ShanesCows]

This video I do an input from the right. Maybe give you an idea why it isn’t working for you. kzbin.info/www/bejne/rJO1lXmcppqneJo

[@JT-sr7fp]

@@ShanesCows Perfect! Great alternative - Thank you so much! :)

[@aravindmurali1665]

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

[@ShanesCows]

I have never seen it have that issue. 😔

[@arrongreenhill2761]

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

[@ShanesCows]

Small flickers happen sometimes. :( I think I came up with a slightly different approach for someone else to get rid of it but it alludes me at the moment. Sorry. Basically, i used a global variable to hide the menu. That way I could set the variable on the previous screen so no flick. I think.

[@ahmedhadidan6899]

@@ShanesCows Hi there, I stumbled upon an easy solution: using a variable to reset the timer as first step will result in a smooth movement of the menu (no flickering).

[@atlas_gray]

I tired this now, but it seems that the transition isnt smooth. it lags like it has no animation. Anyone came across the same thing?

[@ShanesCows]

Here is another video where I do similar. I just opened the app at it was working as I expected. Not sure why yours isn't behaving. kzbin.info/www/bejne/rmLVeHyAorp6bcU

[@andreiciucean4909]

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.

[@ShanesCows]

Sorry I haven’t done swipe. You might try a hidden slider to fake swipe but no easy way to do it.

[@MizanNet]

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

[@ShanesCows]

Yes. Look for my video on conditional formatting. I talk about some of the concepts.

[@miguelangelconchouso2933]

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.

[@ShanesCows]

Remember you can't pull the rectangle off the screen. You have to use a control to set it off the screen. Everythign in the video works in mobile apps, I promise. :)

[@gabrielramos3174]

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

[@ShanesCows]

Replied to the other comment.

[@BelmontFPV]

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

[@ShanesCows]

You could do that. Groups weren’t as popular when I did this.

[@ambernelson962]

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...

[@ShanesCows]

I guess because your width's are different. Interesting. I see the issue but I haven't tried to overcome it. ALmost like you will need to factor Parent.Width into the equation to find the screen size and then set your size relative to the actual screen size. Hmmmm

[@guillaumechandonnet8225]

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

[@ShanesCows]

It is possible. Just have to work out the math to move it.

[@terryvids3444]

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

[@ShanesCows]

I don’t understand? Can you ask again with an example? Thanks

[@terryvids3444]

I am working on a project and I created a form that I can fill details to and submit. But instead on submitting to sharepoint. I want to show what I have submitted on a new screen on power apps

[@benjamint.halkier6610]

@@terryvids3444 I think you can use a DetailForm for that, and populate it with the contents of the EditForm?

[@aganie]

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

[@ShanesCows]

Set the OnVisible property for the screen to UpdateContext({ShowMenu: true}) That should do it unless I am missing something.

[@aganie]

Shane Young Thanks for your reply Shane..Let me try it!

[@ingokarsch4697]

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.

[@ShanesCows]

Sorry for the slow reply. Try putting it in a compononet. kzbin.info/www/bejne/d6K9nIiHbJ2Ya5I

[@anelamujkic7745]

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

[@ShanesCows]

Shane at PowerApps911.com

[@TheMjoos]

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

[@ShanesCows]

REplied in email

[@hellosatyajitroy]

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?

[@ShanesCows]

Try working out the logic and then make it a component

[@JonathanCHANAL]

Thank you very much, awesome tips and tricks again !

[@ShanesCows]

Awesome. Glad it helped.

[@starmole5000]

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

[@ShanesCows]

I think bigger fish to fry but that is just a guess.

[@starmole5000]

@@ShanesCows Also, why don't they just have a 'raise bug' button from the editor. Why do no software platforms make it genuinely easy to report a bug? Again maybe it's just my ignorance but it seems like a sensible idea in essence!

[@TiagoRuivo]

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

[@ShanesCows]

Play with the timing (duration) till you make it happier.

[@TiagoRuivo]

@@ShanesCows I did just that with several values. I've also repeated your tutorial 3 times to make sure I wasn´t doing anything wrong. But unsuccessful. It has a weird behavior that before starts sliding it flashes the whole menu for a split second and then starts rolling.

[@alphamusicbar]

Excellent ! So much fun here

[@dannielleszuba5699]

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.

[@ShanesCows]

I haven't but I like the idea. I haven't had a lot of clients ask for menus. 😑

[@dannielleszuba5699]

Hey Shane, FYI. I found an easier way to make the fly out menu I tested myself. Instead of make a rectangle, insert a container instead then add & adjust everything you on there first. Then you can offset the X and/or Y triggers for the container. Everything else moves inconjunction with the container. 😉

[@Babberingen]

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.

[@ShanesCows]

Yes. Just have to flip all of the math around.

[@Babberingen]

@@ShanesCows Thank's a lot Shane! Guess I just need my math skills back then :). Anyway, thanks for the answer. BTW - Would it be possible for you to make a video on how to create nestled gallery which you can expand and collapse. I have an interesting case which require that now, within our organisation (H&M).

[@riyaanbrink8574]

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?

[@ShanesCows]

Set another timer that after 5 seconds it toggles there variable again

[@fabianackeret1785]

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?

[@ShanesCows]

Floating it where? At the bottom? Resize the form to be shorter and put the button at the bottom of the screen. I wouldn't float but would always be there.

[@fabianackeret1785]

@@ShanesCows yeah I figured, thanks. So there is no "fix" so far... Thats unfortunate

[@innovationaquarelle8282]

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?

[@ShanesCows]

You would have to put an on select event on the blank spot. I think you could do it.

[@innovationaquarelle8282]

@@ShanesCows Negative. Screen properties only allow for onstart, onhidden and onvisible commands :/

[@pinnintisantosh5957]

Thank you shane love from india

[@ShanesCows]

Happy to help

[@Sproutzie4Real]

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.

[@ShanesCows]

This came up once before and I don't remember what the answer was. If you email me shane @ PowerApps911.com next week I will try to dig through how I changed the logic.

[@blankvoidsea]

In case you need the answer: (and for everyone else in this comments' section) I basically enclosed Shane's formula in another If() function, to set the Menu.X: If the timer's value is 0, I will set the X value to -Menu.Width (to hide it by 'default') Else, use Shane's formula. If you have multiple buttons in the menu bar and are looking to 'refactor' their X values, just use the Menu rectangle's value to set their X (and some padding, if needed) - like Shane did.

[@motocall54]

Baskoro Indrayana , could you provide more details about how you fixed this?

[@motocall54]

Baskoro Indrayana , sorry, didn't click "Show more"

[@LapaConsult_Ex_Macraris]

@@blankvoidsea Would please write the exact formula here? Thank you!

[@zaidkashour]

will this affect the mobile app performance?

[@ShanesCows]

Shouldn’t?

[@LandscapeInMotion]

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

[@ShanesCows]

Have you seen my video on pop ups? Take that concept and pop up a grey rectangle that is above the screen but below the slide out. Fun idea. If you can’t get it maybe I will throw out a quick video. Thanks

[@LandscapeInMotion]

Sure I will check it out!. On another note, have you every used GroupBy/CountRows in a gallery to show a count as a number for each item. What I have done uploaded round images 1 to 9 to media. Then use IF(count =1, ‘number-1’) on the image property. So I ended up with 9 if statements. You know of a cleaner, more dynamic way using perhaps a Concat function?

[@ShanesCows]

I don’t follow your question. Sorry. You can email me Shane at PowerApps911.com with details or screenshots if you want.

[@MarcSoester]

You rock !!! Thanks mate

[@ShanesCows]

Thank you.

[@webdevguy_]

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.

[@ShanesCows]

Hi Robert - Yes, if you want it on every screen you have to code it. The other options is to have a one screen app and then instead of navigating you hide and show things. Great for the users but very chaotic for the designer (you).

[@rk123456789abc]

amazing !! you are too good :)

[@ShanesCows]

Thanks

[@vinc0pjc]

How can we have this awesome Stress Ball :-)

[@ShanesCows]

That is a great question. I am going to give them out at the SharePoint Conference. I need to come up with a viewer give-a-way also. I will see what I can come up with.

[@vinc0pjc]

Shane Young nice

[@rajkumarrajan8059]

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

[@ShanesCows]

Good luck. I am sure you will get it.

[@CLove511]

Hey Rajkumar, I found a fix if you still need it. Try taking out the UpdateContext({ShowMenu:!ShowMenu}) from the button and instead put it and a timer reset to the timer's OnTimerEnd event: UpdateContext({ShowMenu:!ShowMenu}); Reset(Timer1)

[@marilijew]

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......

[@ShanesCows]

Sorry I am slow. Yeah, that is the case if the , is your decimal separator in your region.