Link to the plugin page: https://zeroqode.com/plugin/drag--drop-to-reorder-rg-1624284188439x314009559960327230
This plugin allows you to easily embed a repeating group where cells can be sorted by dragging and dropping in a swap and handle modes. Cells can be moved both within a single repeating group as well as between 2 different repeating groups with changes saved in the Bubble database. Smooth CSS animation makes your UI friendly and nicer.
Place repeating group on the page
Set it ID Attribute
Place plugin element to the page and set RG id in the first field
For work with database you need to check if data type privacy allows creating and modify via API ( see in: Base -> Privacy -> Your data type -> Define a new rule ) and in the app settings, is enabled Data API (see in: Settings -> API -> check Enable Data API -> check Your data type). https://bubble.io/reference#API.get_api
Repeating Group ID
Sort
Animation Time (ms)
Swap
Handle
Easing
Background Color of the draggable element
Background color of ghost element
Background color of the new position of the dragged element
Group Name
Title of table
Things
Sort data
Enable Deleting
Enable empty area
Height of the empty area
Background color
Border style
Border color
Border width
Text color
Element text
Toggle sortable
Refresh RG
Out Of Container
Dropped In Another Group
Delete Success
Delete Fail
Item moved
Plugin Message
Item unique_id
From Table
To Table
Is Enable
New Sort Of Item
This action move item between database tables via API call.
Action fields
From
To
ID
Delete Item From Table
New index of the element
Previous element sort
Next element sort
Title of the sort field
Example of tables
In Firefox, the handle doesn't work on the icon. In order to avoid problems, you need to overlap the icon with a group and use the ID of this group as a handle.
Update: 21/08/21 - Version 1.3.0
Update: 12/04/22 - Version 1.6.0
Update: 13/05/22 - Version 1.7.0
Fixed "reorder rg" action