Drag, Drop & Resize by %
Ideal for dynamic panels, visual builders, and interactive experiences where layout freedom is essential.
5
Rating
3
Installs
v1.0.3
Version
The Nebula – Drag, Drop & Resize by % plugin transforms any element on your page into a draggable and resizable item with precise percentage-based positioning.
When to Use
Everything you need in a single plugin
Custom Layout Builders
Let users drag elements inside a canvas-like container and store the final position.
Interactive Dashboards
Move widgets around while keeping them constrained inside a defined region.
Kiosk and Demo Experiences
Create playful, interactive UI elements with controlled drag boundaries.
Benefits
Everything you need in a single plugin
Percent-based Output
Save and restore layouts with consistent behavior across screen sizes.
Boundary Control
Keep movement inside a restriction area to avoid broken layouts.
Workflow-friendly
Use published states and an event to trigger saving or UI updates.
Key Features
Everything you need in a single plugin
Constrained Dragging
Move the target element only within the restriction area.
Optional Initial Margins
Set starting X/Y margins in percent.
Optional Percent Dimensions
Set width and height in percent relative to the restriction area.
States and Event
Read the output positions and react when the user releases the element.
Common Questions
Everything you need to know before installing
Where do I set element IDs in Bubble?
Select the element, then set its value in the “ID Attribute” field.
What are Margin X and Margin Y?
They represent the final position offset in percent relative to the restriction area.
Can I disable dragging temporarily?
Yes. Use the “Draggable Element?” property to allow or block movement.