[New Plugin] Drag It - Enhance Your Repeating Groups with Drag-and-Drop Functionality: Rearrange, Sort, Reorder, and Transfer Items Between RGs Effortlessly

I take it back! We re-reviewed our setup and had copied the original dragit repeatinggroup so the element ID was on the repeating group in the popup. Thank you for this direction!

1 Like

That’s excellent news; has the problem been resolved now?

It has!

1 Like

This plugin looks amazing… is there a solution to the situation in which one column on a Kanban has many more items than the others? Eg, if a new project has 50 items all in to-do, and a user wants to move the last item over to in progress, it seems that it can’t move it to the next column… this is great on columns with a similar number of items, but when imbalanced, seems that the drop space is not accessible. Has anyone got a solution to that? Is it possible to make the drop space the length of the whole group so no matter where an item is dropped in the column it will take?

1 Like

I am also struggling a bit to understand if this can store the sort order when I have a single repeating group and the data is based on a search for… rather than a stored list. basically, I have a Survey and I have Questions. My current structure is that each Question has a Survey, so I populate the RG using a search for Questions that have the Survey.

Before changing my data structure, I want to check if there is a way to store the sort order of the Questions without having a List of Questions field in my Survey… thanks…

1 Like

Hello @TekaTeki

I hope you’re doing well.

In response to your question, the drop area for DragIt is the associated repeating group. Therefore, if you configure the repeating group’s settings to not fit the content, it will allow you to drop items at the bottom of the columns.

I have constructed an example here:
Artisan-plugnplay | Bubble Editor


If you need to have the order index of the items, you can use this approach for updating the index value of items:

1 Like

Any way to get this to work on mobile?

1 Like

Hello @landerberg,

I trust you are well.

The plugin is designed to be compatible with mobile devices. Have you encountered any issues while using it on your mobile device?

Yes, I tried to record the issues, but cannot upload a video here. It basically gets stuck in the “dragging mode” quite often. Doesn’t happen on my web version at all - there it works great. Any potential way to fix this?

1 Like

Hey @landerberg

Do you have any conditions for dragged item? Is it possible to send me the preview link of the app?

Hi @NoCodeDataArtisan,
Does this mean that if I have “Copilots” (data type 1) and “Chats” (data type 2), is better to use “Copilots’Chats” as a list than “do a search for Chat”?
I have this setup now (see image), and the drag & drop is working properly. But I want to be sure I’m being efficient in terms of workloads.

Thanks!

1 Like

Hello @joaquintorroba,

I hope you’re doing well. Apologies for my delayed response, mate.

Indeed, the plugin performs better with this structure. May I inquire how many Chats can be included in each Copilot on average?


Additionally, there is an alternative method to implement the plugin using JSON, and a demo has been created on this page to illustrate this approach:

Artisan-plugnplay | Bubble Editor

It uses our JSON Assistant plugin (JSONata element) to handle the JSON.

1 Like

Hi @NoCodeDataArtisan,

No worries, thanks for replying. Regarding your question, there’s no fixed number of chats, but on average there are 30 per copilot. Why is that?

Also, is the JSON assistant approach more efficient? What are the pros and cons?

My main goal is to have the drag-feature operate with very efficient workload usage.

Again, thanks!

1 Like

Hi @joaquintorroba,

I believe that for an average of 30 items, utilizing a list would be the best approach.


Actually, it might require some modifications in your database and the way you store Chats. By doing so, you can save the chats as JSON (as text) that include a value for ordering. Then, using JSONata and DragIt, you can alter the order value for each chat item following any changes made by the user.

Hey @NoCodeDataArtisan,
What do you mean with “ave the chats as JSON (as text) that include a value for ordering”? Below you can see exactly how I store “Chat”.
What should I change to make it work?
Thanks!

1 Like

Hey @joaquintorroba,

Initially, I thought the Chats data type represented individual messages, so I recommended that approach. However, I now understand that each chat includes multiple messages and represents the conversation itself.

Therefore, I believe having a list of chats in the copilot would be the best approach for your use case.

1 Like

Great, thanks!

1 Like

Hi, let’say I have one RG with Files and Folders. The second RG are files (or folders) inside a selected folder from the first RG. Can I move a file from the first RG to inside a folder in the second RG?
Thanks,
Ben.

1 Like

Hello @benoit.schiepers,

I hope you’re doing well.

Certainly, this is one of the most common use cases for Drag It, similar to the Kanban use case featured in our demo. In Kanban, boards function like folders and tasks are akin to files.

Drag It - Easily move cells between repeating groups

Data-visualization-plotly | Bubble Editor

Hello @NoCodeDataArtisan ,

I have a strange behavior that I don’t know how to fix :confused:

I am using your plugin to build a canva of exercices that you can drag and drop to re-order.

It is working perfectly when I create the canva.

However, when I tried to edit a canva the data is well populated into my RG but the drag and drop feature does not work.
Sometimes it works on the first few exercices, sometimes it does not work at all.

Here is the my datasource

Capture d’écran 2024-11-05 à 18.39.07

Any idea why it works well when I create a canva but does not work when I tried to edit it ?

I have tried to add an action fource update DragIt A but it does not work.

1 Like