web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / Drag and Drop in Power...
Power Apps
Unanswered

Drag and Drop in Power Apps - Canvas App

(1) ShareShare
ReportReport
Posted on by 218

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:
I have the same question (0)
  • rubin_boer Profile Picture
    4,841 Super User 2024 Season 1 on at

    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)

  • da1vea Profile Picture
    185 on at

    @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

  • Evandro Lopes Profile Picture
    13 on at

    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.


  • 55552 Profile Picture
    674 on at
    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.
  • 55552 Profile Picture
    674 on at
    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?

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 721 Most Valuable Professional

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 320 Super User 2025 Season 2

#3
Power Platform 1919 Profile Picture

Power Platform 1919 268

Last 30 days Overall leaderboard