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

Hello @Newman,

I trust you’re doing well.

Frequently, the issue stems from the RG element ID or the visibility settings of the RG and the Drag It. Could you detail how you configured the RG’s ID, and whether there are any conditions affecting the visibility of the RG or Drag It?

Could you please press F12 in your browser and inspect the console tab for any errors that are listed?

Hello @NoCodeDataArtisan ,

Thank you for your answer.

There is no condition affecting the visibility of the RG of the Drag It element.
There are both check to be visible on page load.

Here are screenshot of my settings for the RG :


Here is the screenshot for the Drag It element :

The thing I don’t understand is that the data is correct.
Here is a screenshot of the debugger where we can see that this is the correct data :

But I can drag and drop sometimes elements until 5, sometimes until 15, sometimes 0, …it is never the same.
What is always the same is that it never works on all elements when I edit a canva but works perfectly when I create one :man_shrugging:

1 Like

Thank you for the additional details on your setup.

The issue may stem from the ‘Show All Items Immediately’ setting in the repeating group. Please check this feature and test the drag-and-drop functionality of the repeating group.

Good catch, I did not think about this at all !

Many thanks, it is working well now

1 Like

It’s wonderful to hear that.

Please note that we are always here to assist you, so do not hesitate to contact us again if you face any challenges or issues with your project.

Best regards,
Mehrdad

Hello dead DragIt team!

I have a problem with the Kanban board and the Dragit plugin (

How can I save the order of tasks in the database after changing the status of a task at Kanban board? This concerns the columns with both statuses: the one from which the task was moved and the one to which it was added by the user.

I have already implemented changing the order of tasks in the group (in database), but I can’t do this simultaneously in the both columns.

The current structure of the database is as follows:

  • There is a project
  • Tasks with different statuses are attached to the project
  • In three repeating groups for each Kanban column, I search for tasks of this project that contains only the tasks with the required status of the column.

I really ask for your help, I have been trying to solve this problem for a couple of days (

1 Like

Hello @leshchenkoonline,

I trust you’re doing well.

The optimal approach for implementing Drag It is to have each project contain a task list that updates automatically with any user modifications. This method eliminates the need to store an order index for each task, as the list maintains its own order. Additionally, this allows for the alteration of a task’s status within a separate workflow.

An example of this use case is provided here:
Artisan-plugnplay | Bubble Editor

1 Like

Hi, I would like to say your plugin is one of the best on the marketplace, and well done for creating this. Honestly leave a link so I can donate to you for your hard work.

I am the google chrome browser.

I have one problem: The plugin works perfectly fine.

However lets say I refresh my browser there are times where the plugin does not work entirely. For example if I have two dragits on page. One drag it will work and the only will not.

But refreshing the pages allows both to work without a problem.

Right now its a 75% of it working and 25% of it not working. Every 2 or 3 refreshes it does not work.
ScreenRecording2024-11-26030803-ezgif.com-video-to-gif-converter

If you would like to simulate my issue

I have group A = Which contains a master list of text.

Repeating Group B = Red
Repeating Group C = Blue
Repeating Group D = Green

These 4 groups I need to be able to swap data amongst each other and it works sometimes but not all of the time.

After a couple refreshes it will eventually work fine.
ScreenRecording2024-11-26033214-ezgif.com-video-to-gif-converter

Things I have confirmed:

It has nothing to do with the placement of my dragits on the page. I have placed them everywhere and I get same 75% success 25% failure.

It has nothing to do with whether dragit is set to be visible or not. I purposely hid them and the feature still worked 75% success and 25% failure.

It has also has nothing to do with how my data is referenced they are referencing the same thing which is a “a text field”.

Just confirmed it occurs on all browsers where it will work sometimes but not all the time. Edge, Safari, Chrome, Firefox and Brave

1 Like

Hello @terryh,

I hope you’re doing well! Thank you so much for your kind words about the plugin — they truly mean a lot to me.

I really appreciate the detailed information and the effort you put into checking every possible issue. Would it be possible for you to share a link to the preview version? I’d love to take a closer look.

Best regards,
Mehrdad

1 Like

Alright you would like a link to preview the drag and drop features ill send it to you in your messages no problem.

1 Like

I sent you a message inside of your text thanks for looking into it. I really need a draggable feature and bubbles default one is okay. BUT YOURS is better waaaaaaaaaaaaaaay better.

1 Like

Hello @NoCodeDataArtisan ,

Sometimes I cannot move the last item of my RG but I can move all others items.

Do you know why it happens how can I solve it ?

1 Like

Hello @Newman,

I trust you’re well. Apologies for the delayed reply.

I believe the issue can be resolved by selecting the Show all items immediately option in the repeating group settings.

Kindly update me on the outcome.

Best regards,

Hello @NoCodeDataArtisan ,

Unfortunately, this is not the same issue as last time.

This time, I can drag and drop all items inside my RG except the last item which does not move.

I have checked and it is already set up to Show all items immediately.

Here are screenshots of my settings.

RG :

Drag it module :

Do you know how to fix this ?

Regards,

1 Like

Hello @Newman ,

It appears that your settings are correct. Does the issue occur consistently, or does it happen intermittently?

Would it be possible for you to add a state, place the data on it, and then set the state’s value as the Drag data source? This is just for testing purposes.