PowerApps Draggable Controls

[@Mrtiagojam]

Really nice!

[@AprilDunnam]

Thanks Tiago!

[@jessebacke]

No doubt you are the Queen of PowerApps!

[@AprilDunnam]

Well that is to kind. Thank you Jesse!!

[@KamrulHasan-dz6vp]

Amazing! Thanks for the slider control demonstration.

[@AprilDunnam]

Thanks!

[@jray1429]

I know this was made a long time ago….Thank you for making it and it definitely has my gears turning

[@AprilDunnam]

Thank you, glad this is still helpful years later :)

[@FadiFakhouri]

Fantastic video, Thanks April

[@AprilDunnam]

Glad you liked it!

[@celinegebara5010]

Is there a way to drag and drop across galleries? For example a gallery of tasks being assigned to a gallery of people?

[@haroldbk]

This is really cool. Quite original

[@AprilDunnam]

Thanks!

[@michelhegeraat5430]

Cool stuff April. Thank you You have the idea(s). Maybe this will allow me to make the color-picker I had in mind. Going to try this holidays.

[@AprilDunnam]

That sounds cool, would love to see what you come up with for the color picker!

[@michelhegeraat5430]

@@AprilDunnam So I’ve put two sliders on top of an image. Selecting the top slider anywhere on the image will set the Y coordinate accordingly, and via it’s onselect, fire a select event on the second slider. I’ve been a bit naïve in thinking that a select event on a control, would/could do the same than a mouse click on that control. Despite being a bit older than you, I’m still naïve from time to time, but it sometimes helps me to think ”outside of the box”. But nothing else than the (code under the) onselect of the second slider control seems to happen. So I‘ve change strategy and played with the visible properties of the sliders, to see if this would affect the outcome of the select event, but making the first slider invisible before the select event, has no noticeable effect on the select behavior of the second slider. I moved on to use the onchange event of both sliders rendering each active in turn. So, I’m now stuck with a two-click “solution” 😊 where I alternate between the one of the two sliders active. I can share the code (and what is looks like :-) via hegeraat at gmail or perhaps you can see it here: facebook.com/photo.php?fbid=10220746081785796&set=gm.2642529285833625&type=3&eid=ARAAOMZvyvGCXquAkTBZBBWESPPMQy7TtfSoPqI6TeqvVwCJxmEHSqvNrTyDIH_1f5St3MpXxylnYfK1&ifg=1

[@AprilDunnam]

Wow that's really cool Michel! Thanks for sharing!

[@moyura2]

Thanks for sharing, any ideas of how to implement this trick to draggable tasks in calendar ?

[@Malhosainy]

Very clever, well done!

[@AprilDunnam]

Thank you! Cheers!

[@paolovr1970]

Thanks April, do you think that we can develop a drag and drop, with view the movement of components? Example a packing where the items are collected dynamic on the box, container, pallet ???

[@kaesarg1]

nice!! Can I drag them to a list too? Let's say I have a gallery of task and drop them into la list of workers? Thanks

[@yehunlavolontededieu322]

thank you so much. Well explanation

[@AprilDunnam]

Thank you :)

[@jerryldavis3944]

Hey April, This is really cool and super helpful. I had one question. If we could have labels in each box, which means every rectangle has a label inside it instead of one label as shown in your video. Do you think we could tackle that with the same approach? I was thinking we might need three horizontal sliders stacked on top of each other to get the job done.

[@habinkim1939]

What is the code in the fx bar at 4:40?

[@DataSpinners]

Fascinating little hack April - well done! I didn't know the handle had a thickness, I wonder if it's the same for the audio control as I have an app and it's soo hard to move the timer along that I just don't do it!

[@AprilDunnam]

Thanks Rory! That's a good question, I'm not sure about the audio control. Let me know if you find out that it does!

[@DataSpinners]

@@AprilDunnam I don't think it has, but I do notice that it has a start time, which I'm pretty sure that it never had before. Hmm that's really got me thinking as I've been working on an choir app.

[@AprilDunnam]

@@DataSpinners A choir app?? That sounds really interesting. I'd love to see it!

[@DataSpinners]

@@AprilDunnam Ha ha - I thought you might - I've heard about your karaoke skills! I'll ping you something on twitter. Oh - I also used Sancho's theming app - was quite neat.

[@myounis]

"Hey, why are you recreating the wheel and powerapps when you could just use a tool like planner or Trello " LoL, Am just kidding, I really like your tutorials, you are my mentor 👌

[@AprilDunnam]

😂 Good one. Thank you sir!

[@kingdude21]

Some questions... 1. The slider handle drag is one way of changing the slider value. Another way is to click anywhere on the rail. I didn't see anything to prevent a click on the rail, I saw the rail width set to 0. Does this mean, user can click on the invisible rail and the text label will move? 2. If there are multiple tasks, we would need multiple sliders, correct? Thanks

[@hugogil5945]

Hi April, thanks for the video. I would like to know if I can do the following in a powerapps: Have a screen with 2 Galleries and with the drag & drop function drag an item from the Gallery1 to a item from the Gallery2 to do a mapping between both properties through some property of the object related to the item(datasource).

[@diegopaz83]

Really useful!

[@AprilDunnam]

Thanks Diego!

[@tomasgaudino1237]

you are great!! thanks for this tip

[@AprilDunnam]

You're welcome!

[@arrosari]

Very cool!!

[@AprilDunnam]

Thanks Ariel!

[@Nophramel]

Thank you so much for this idea! Unfortunately i ran into a problem. I have a similar gallery to select the item i want to have a draggable label. But the gallery is sorted by the value i like to edit with the draggable label. Now after i drag the label to the position, it updates and patches the value like i intended it, but the gallery loses the item which i selected before moving the label and just selects the first item in the gallery. After this happens, the label with the textproperty Gallery.Selected.Title loses its value and turns blank. Do you have a solution to this problem? Otherwise your tutorial helped me much and everything else worked perfectly.

[@ryannolarte1788]

the problem here is that, the x position return to 0 and do not follow the X position of slider whenever you close and open the app, any solution?

[@noahtanzi8039]

Does anyone know if it's possible to make it so that you can't click a value on the slider to set it so the only way to change the value of the slider is by dragging the handle?

[@AprilDunnam]

Unfortunately I don't think that's possible Noah.

[@newabyuser]

Nice

[@AprilDunnam]

Thanks!

[@sundaramkumar1845]

Can you help me out I want to map multiple data . Like from multiselect box I can select multiple data and map it with single data from other box and then store it in third excel sheet

[@AprilDunnam]

Hey - I would suggest posting this on the power users forum : powerusers.microsoft.com/

[@sokgat7019]

Wow!!!!!!!!!!!!!!!!!!!!!!!!!

[@AprilDunnam]

Glad you liked it!