Drag and Drop in Power Apps - Canvas App

(1) Share

Report

Posted on by Gokulnath_March

208

Hi ,

Good day. I am trying Drag and Drop in Canvas apps. Can we use Drag and Drop PCF component created by Scott Durow ?

Is it recommended to use this for the Production apps ?

https://www.youtube.com/watch?v=mlrg0OfF4e8

Thank-you,

Gokulnath.

Categories:

General Questions

All responses (5)

Answers (0)

55552 636 on at

Like (0)

Report

Drag and Drop in Power Apps - Canvas App

I am currently using this component in a test app, attempting the task scheduler app. I have a working test model, which works well but Scott did not provide details in his video about how to set up and size the nested containers. My App works, but I need to resize the screen to portrait, then make the containers fit the portrait mode.

Has anyone tried changing the sizes of the containers and nested galleries?
55552 636 on at

Like (0)

Report

Drag and Drop in Power Apps - Canvas App

I just viewed his video and am also interested in trying this. In my case, I want a weekly calendar with dates across the top and 15-minute time increments down the side, then the ability to move tasks/buttons by drag and drop to change their date or time, instead of multiple clicks to open up a date and time picker.
Evandro Lopes 13 on at

Like (0)

Report

Re: Drag and Drop in Power Apps - Canvas App

Hi da1vea,

I started using this PCF last week. I'm having some problems, but the basics are working perfectly.
This tutorial helped me a lot, but it doesn't have everything I need to finish mine:
https://www.matthewdevaney.com/power-apps-drag-drop-kanban-tutorial/

Basically the most important thing is to create a collection with the information you need, this collection you will need to set in the Items section of the main area of your Kanban. After that you will need:
1 - Activate the option "Master Zone = true" in the main column (In the case where you start your tasks, e.g. To do).
2 - Set the following zones that make up your Kanban to the "Other Drop Zone ids" option. If there are more than 1, you will need to separate them with a comma. Ex: "In Progress, Blocked, Done".
3 - You also need to set the DropZoneId, which must contain exactly the name of your Field Option in the table. In my case, I'm working with Task and the field I use is "statuscode". The option that starts my Kanban is "To do". In this case DropZoneId = "To do".
4 - Select the "ZoneColumn" option containing the name of the field in your table. In my case "statuscode".
5 - Set the IdColumn field. The id of your record in my case "activityid".
Basically, just with this, your items will appear in your app and you will be able to move the tasks between the columns in Kanban.
da1vea 177 on at

Like (0)

Report

Re: Drag and Drop in Power Apps - Canvas App

@rubin_boer ,

Are you able to share how you use the component? I have tried following the instructions from the videos and git page (as well as this one https://www.matthewdevaney.com/power-apps-drag-drop-kanban-tutorial/).

My use case is a SharePoint list as a source but my list items disappear when I add the drop zone id's. Its probably something super simple but I'm just not seeing it
rubin_boer 4,806 on at

Like (1)

Report

Re: Drag and Drop in Power Apps - Canvas App

hi @gokulnath the answer is something you need to answer from a governance perspective, as for the pcf itself, Scott is rock solid, and I use the component myself and it work magic. im sure you know it gets maintained in guthub by him, Releases · scottdurow/power-drag-drop (github.com)