Drag and Drop in PowerApps

PowerApps 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 PowerApp and then PowerApps uploads the document to a Document library. Well, you can do this with PowerApps.

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

In SharePoint the document is marked as accepted and the PowerApps recognises this and completes the upload process.

13 thoughts on “Drag and Drop in PowerApps

  1. commented on April 26, 2019 by Duncan

    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

    • Hi Duncan,

      Did you manage to do the drag and drop itself?

      • commented on April 26, 2019 by Duncan

        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

      • Hi Duncan,

        We used the attachment control.

      • commented on April 29, 2019 by Duncan

        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!

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

      • commented on April 29, 2019 by Duncan

        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

      • For Images that should work but I wouldn’t expect that control to handle files though.

      • commented on April 29, 2019 by Duncan

        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. commented on February 22, 2020 by Arnd

    Awesome! But how did you enable drag & drop to the attachment control?

    • You will have to add a SharePoint list form to the screen. Then only make the attachment control visible. Everything else should be hidden.

  3. commented on April 18, 2020 by ilmarco

    Can one drag multiple files?

Leave a Reply

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

%d bloggers like this: