Hellow Bubblers !
I have just created a plugin allows your app users to resize, drag and drop elements as they want on the frontend. It is based on InteractJs library and can be used to drag-enable any element on the front-end e.g. images, files, videos, or any other element on the page. Could be very helpful in building apps like resume builder, page builder, layout builder or form builder.
Demo: Bubble | No-code apps
Have any demo?
Here’s the demo page: Bubble | No-code apps
Hi!
Awesome plugin! Can I request to enable/disable which sides the resize properties will apply?
For example I only want my users to resize the left and right sides only.
EDIT:
It works the way i want it already 
Just need to fix the height of the element. Just a note, the plugin doesn’t read the actual height and width of the element.
I noticed this when I set a max width but the plugin reads the width as how far I dragged the cursor even when the element itself has honored the max width. Just an FYI!
We are glad it worked @ihsanzainal84. Thanks alot for your feedback, we are going to fix the height/width issue in our next update.
Hi,
Nicely done! great plugin, with this I want to build an image cropper.
With your plugin i can drag the “draggable element” outside the parent and it will (slowly) move back into the parent.
When I use the resizeable option the “draggable element” can be scaled outside the parent.
Thanks a lot!
Thank you @jos2 ,
We will be adding the parent restrictions in our next update soon.
I don’t know if this is still being developed… But I would say that the X,Y coordinates of the draggable element (relative to its parent) would be handy to have. Without the X,Y coordinates, how could anyone save the layouts/positions of items and then load the work again later if saving to the database?
