Goddammmmmmmmmm I wish I found this plugin earlier! Big shout to the creator!
Hi @meinnameisthase,
Sorry for the late response! I hope you’re enjoying exploring Bubble.
Since you’re new to Bubble and working with a manageable number of photos (likely under 100), a good approach to handling the ordering is by using a list of photos as a field.
For example, in your use case, you have a data type named Calendar
and another named Photo
. To streamline photo ordering, you should add a new field to Calendar
called list of photos
. The plugin can then update this list within a simple workflow, as demonstrated in the demo. Additionally, you’ll be able to easily add or remove photos from the list as needed.
Let me know if you need further assistance!
Hi @ken1,
I hope you’re doing well.
This use case isn’t directly achievable with the plugin. If you set a handle within the plugin, the element will only be draggable within that handle.
Have you tested it by setting up two elements and using Bubble’s built-in triggers, like press
or click
? That might offer a workaround.
Best,
Thanks for the love—glad you’re enjoying the plugin! If you ever need help or have ideas to make it even better, let me know.
Happy building!
@NoCodeDataArtisan I am getting the following error :
I am fetching data from the supabase and there is field “unique_id” and “id” which is unique and number data type.
What could be the issue? I am trying to reorder in the same repeating group.
Hello @ankur1,
I hope you’re doing well.
As you are using API as data source for DragIt, you need to set the Unique ID field on DragIt.
Ensure that the value of the Unique ID is text.
Hello there! Thanks for all your support. But I have a question. I currently have a Kanban board, kind of similar to Asana, and I’m experiencing very slow load when I have 100 tasks on a board. I have list of tasks and list of boards. each task have title, avatar, date, and status. Any tips you could share? Thanks in advance.
Hi,
I am trying to use the manual ranking feature of the plug in for moving the kanban board columns. I tried using the action set list with th update list. But for some reason, sometimes the list removed some of the items in the list. So, I am trying to use the ranking function instead. But the documentation is very brief, can anyone help?
Following the brief documentation, I was hoping to find set up the make change to a list with " For example, if you want to update the Rank field of each item using the
*Make Changes to a list of …’ action, you can use an expression like this: This DragIt’s NewRanks:item#This item’s Rank." But I can’t seem to find the options from the menu list. Please help!
Hello @reyniel,
I hope you’re doing well.
To improve loading efficiency in DragIt, we should activate the ‘Show All Items Immediately’ option in the repeating group (RG) so that all items are preloaded. However, when individual item loading times are slightly long, this can slow down the overall process.
Would it be possible to remove the avatar from the default display list and instead load it dynamically when a user clicks on an item? This adjustment could enhance performance by reducing initial load times.
Let me know your thoughts on this!
Best regards,
Hello @gradylam,
First of all, I apologize for the delayed response—I believe you previously sent an email explaining the issue.
I recommend using the list of things method, as it is more efficient in terms of WU consumption and speed.
However, if you need to update the order index for each item, you can follow the method shown in the screenshot.
Let me know if you need any further clarification!
Best regards,
Hello @NoCodeDataArtisan
I’ve added an Undo button and I’d like it to reset all lists back to their original order from when the page first loaded.
Let’s say someone makes a bunch of changes on a Kanban board with nested repeating groups—how can I use Undo to revert everything, so all the repeating groups return to their original lists?
Is there a built-in action or recommended approach for getting the Undo button to restore that initial list order?
Any tips would be appreciated! Thank you!!
Hello @allonp,
I hope you’re doing well.
At the moment, there isn’t a built-in solution for this, but we’re actively working to add this feature. In the meantime, you can set it up manually.
You can store the initial list in a state, allowing you to restore it anytime by simply resetting the primary list to that initial state.
For a more advanced undo/redo functionality, consider using list handler plugins like Listopia, which enable you to maintain multiple lists and retrieve them instantly.
Let me know if you need further guidance!
Best, Mehrdad
Thank you very much for your reply!
My list is already stored as a state. Could you please clarify how I can reset it precisely to restore the primary list?
Additionally, to confirm my understanding, even if I successfully reset the list to its original state, I won’t be able to perform any further dragging operations on this restored list—is that correct? In this case, the functionality is still limited.
Any chance you have something on the road map to address the issue that I’m facing? Thank you so much!!!
Hello @NoCodeDataArtisan ,
Are you planning to release the plugin for native mobile?
It is listed into the mobile category but there is no drag it element available at the moment on mobile view
Hello @NoCodeDataArtisan , is it possible to apply a rule with this plugin that detect where in the RG the element is dropped and show a message accordingly ? For example, if an item is dropped between the 2nd and 3rd “card” in the RG, I would like to have a popup appear. The idea is to build a “Timeline” like game where users need to place correctly items into a series of cards.
Hi @allonp,
Apologies for the delayed response, and thank you again for your thoughtful question.
Since you’re already using a custom state as the source for the DragIt plugin, you’re in a great spot! Here’s how to implement a smooth reset workflow:
Create an additional state (let’s call it
Original List
) when the page loads or when the list is first initialized. This state will serve as your baseline.When the user clicks the Reset button, simply trigger the
Set List
action to replace your main DragIt state with theOriginal List
state.The dragging feature will continue to work correctly after resetting, as long as the
Set List
action fully replaces the list in the correct state that’s bound to the DragIt element.
Hi @AdrienD,
Yes, we’re actively working toward native mobile support!
We appreciate your interest, and your feedback helps us prioritize. Stay tuned for updates—we’ll share news in the forum as soon as it’s available!
Hi @data.eodum,
Thanks for reaching out—and welcome to the community!
You’re right that this feature isn’t built directly into the DragIt plugin yet. However, what you’re trying to achieve (detecting the drop position and triggering a response like a popup) could be simulated by using conditions on the index of RG cells .
Let me know if you’d like help building out that conditional logic!
Thanks @NoCodeDataArtisan ! I’ve managed to find a solution for now using the index of RG cells but it’s in by DB. Do you think it’s doable to store it in a state and that state compares it’s value to the other indexes in the DB ?
Hello,
It would be great to have multi select drag and drop feature one day