Is it possible to resize a group when dragued? - Draggable Elements plug-in

Need help Plugins
1

Hi guys,

I’ve been experimenting with the draggable plugin in order to use it for my app.
I’m trying to mimic the behavior of google drive:
Shared with CloudApp

The group here gets resized so that you can easily drop it in folders.
So far I’ve only managed to hide elements in the droppable group when it is dragged but this does not play with the width or height of the container draguable group, which is the one that is dragged in the first place.

Do you have any ideas or tips for me?
Any help much appreciated, thank you!
Sacha

1 Like
2

I found a way to do this through ProNoCoders.

  1. Enable the ability to show the id attribute in your settings
    image
    image2548×852 122 KB
  2. Tag your group element with an id
    image
    image746×1148 65 KB
  3. Run an action to run javascript
    image
    image800×706 55.5 KB
  4. Use this code to to update the height and width
    HTML DOM Style height Property
1 Like
4

Hey there,

I’m trying to resize the drag/drop group element when being dragged.

to give you some context I’m using bubble.io draggable elements plugin.

From what I understand this can be done by running the javascript. The question is: what triggers the javascript workflow?

Any advice or ideas?

Cheers!

5

Hey @dfduqu01 did you ever figure out how to trigger this javascript script when an element is dragged? I’m looking at this post wondering how in the hell he did this when there is no action “when drag item moves”