Drag and Drop in Power Apps

Power Apps is great but there are some limitations. One of these limitations is drag and drop. Wouldn’t it be nice if you could drag a document into a Power App and then Power Apps uploads the document to a Document library. Well, you can do this with Power Apps.

One of my colleagues developed this drag and drop feature. In the video below you can see how a document is dropped into a Power Apps and then it is uploaded to SharePoint.

In SharePoint the document is marked as accepted and the Power Apps recognizes this and completes the upload process.

Note that it is important to run the app in play mode rather than play it in development mode as mentioned in the comments below.

20 thoughts on “Drag and Drop in Power Apps

  1. Hi

    I would be really interested to know how this was achieved, as it’s exactly what I need to implement. Of particular interest is how you manage to detect the filename, as I’ve not seen that done anywhere else. Is there any way you can share that with us?

    Best regards,

    Duncan

      1. Hi Pieter

        Using a normal image control, you can drag any file onto it. You then need to trigger a flow to upload into SharePoint, which I assume is what your colleague has done? However there’s no way that I have found so far to detect the filename in the image control, even though when you hover over it, it shows you in the tooltip! Any hints your colleague can give would be most welcome!

        Thanks,

        Duncan

      2. Sorry, I made a mistake – I used the Add Picture control, not the image one. I still can’t get the filename from that however. I also can’t add an attachment control as that only seems to be available as a control in a form for a SharePoint list.

        Anyway, Kudos to your colleague for getting it to work, I just can’t for the life of me see how it’s done!

      3. Hi Duncan,

        The attachment control only works when it is included on a form. Then the submit can create a temporary item in a list with the attachment. From that point a Flow can pick up the attachment and deal with it.

      4. Finally found it! It’s the FileName property of the AddMediaButton control inside the AddMediaWithImage control. Thanks for giving me the inspiration to keep looking!

        Cheers,

        Duncan

      5. Thanks for your reply, looks like I’ve inadvertently found a different approach! I now understand what you’ve done, which makes a lot more sense. I might try that if I can’t get my approach to work.

  2. Hi ! 🙂 I tried to implement what you suggested but my attachment control doesn’t allow me to drag and drop into it. Does the feature deprecated in some way since your post ?

    1. Hi Francis,

      Did you include your attachment control as part of a form? If it isn’t part of a form then it will not work, but as part of a form it does work. this does mean that you will need to create a SharePoint list with an attachment field.

      1. I have had the same issue and I finally found our that drag and drop into the attachment control doesn’t work in development mode. You have to save and publish your app. Now playback your app and drag and drop will work fine.

  3. Hi Pieter. Do you know of any settings that allows you to drag and drop multiple files? In my solution it is only possible to drag and drop one file at a time :-/

  4. Hi Pieter,

    Would you mind getting me in touch with your colleague that built this? I would love to pick his brain on how this was done.

    Alvast bedankt,

    Bert Jan

    1. Hi Bert Jan,

      It isn’t too complicated. you will need to use a form in Power Apps ( otherwise the attachment control doesn’t work. This form is connected to an attachment enabled SharePoint list.

      Now you can drag a file into the control. You can restyle this control as much as you like.

      Now on submission of the data a SharePoint list item is created and you could read that from SharePoint within your Power App.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: