I need help with the Sortable RG - Drag and Drop Plugin

[fresoncoc]

Basically, how do you change and save a new order for a list of things, in more detail:

My site has an option to make lists. The list data type has a field ‘List Entries’ which is a list of movies. Movies also being a data type of it’s own.

The ‘list entries’ are displayed in a repeating group, and the page is set to type list, which displays the current page list.

I want to make it so that when the user reorders the ‘List Entries’ in the repeating group (once a save changes button is pressed). It will change and save the order of the ‘list entries’, which again is a list of movies.

[fresoncoc]

Some images to help

[Stephan]

Hello @fresoncoc,

Thank you for your question.

It is indeed possible to save the new order of entries as you modify them. You can experiment with this functionality on our live preview page, specifically on Sorting mode and Kanban Board. To implement this in your app, you should utilize the plugin’s event “A Dragable RG Item Moved” This feature enables you to save the item each time it is moved, or alternatively, you can configure it to save when a button is clicked, as per your requirement.

After that you should configure the event as depicted in the image below, don’t forget that you should have a column in your database, named ‘sort’ or something similar. This will facilitate the tracking and updating of item order changes.

I hope this information has been helpful. If you have any further questions or need clarification on any point, please don’t hesitate to reach out to us again.

Best regards,
Stephan

[fresoncoc]

Hi Stephan,

Thanks for replying and helping. However, I am using the other reorder plugin:

How would I change the order of my list of things (list of unique ids) after drag when using this plugin?

[Stephan]

Hi @fresoncoc,

Thank you for returning and providing further clarification.

In the “Sortable RG - Drag & Drop” plugin it is also possible to save the new order after changing it in the page, and I will show you how you can achive that. Additionally, you can check the Demo Page and documentation for more information.

To save the new order of items that you have rearranged using drag and drop in the Sortable RG plugin, you can add a button on the page that will trigger a workflow.

After that, in the workflow, add the action “Save sorted DB field list: ReorderRG save field list”, where you will set the unique ID of the wanted thing from the selected Database.

Hope this will help you.

If you have any additional questions or require further clarification, please let us know.

Best regards,
Stephan

[fresoncoc]

Hi Stephan,

Thank you for your reply, but for whatever reason, it is still not working. Here are some pictures to help.

Not sure what I can do

Thanks for the help.

[Stephan]

Hi @fresoncoc,

Thanks for getting back and providing more information.

@fresoncoc

Thank you for your reply, but for whatever reason, it is still not working.

Yes, you are right here, besides the “Save sorted” action, you should use the “Reordered things ID” element’s state which captures the new order of items after they have been rearranged. And then set your list from the database to it like in the image below:

Once you’ve made the necessary changes, I recommend triggering an action to refresh your page. This should update the display in your app and show the new order as intended.

I hope that this will be helpful to you.

Looking forward to your reply.

Best regards,
Stephan

[fresoncoc]

Hi Stephan,

Thank you again.

I have workflows that reload the page once the save list button is pressed, but I unfortunately am having a hard time following, here is an image:

I am not getting the same options, what am I doing wrong.

Alternatively, would it be better if I used the other plugin?

Thank you for the help.

Fredrik

[Stephan]

Hi @fresoncoc,

I hope this message finds you well.

Yes of course, firstly you have to choose the plugin element you are using on the page:

And, after that, chose from the element custom states:

@fresoncoc

Alternatively, would it be better if I used the other plugin?

Regarding your query about whether to use an alternative plugin, I’d like to reassure you that both options are good, each offering a diverse range of features. The key lies in effectively setting it up within your workflow.

Looking forward to your insights.

Warm regards,
Stephan

[fresoncoc]

Hi Stephan,

I’m just not getting the option to select the element ReorderRG:

Let me know what I’m doing wrong.

[Stephan]

Hello @fresoncoc,

Thanks for clarifying this question.

Could you please confirm if the plugin’s element is present on your page? In your recent screenshot, it appears that the element isn’t visible in the selection menu.

Additionally, I’m curious about the “Current page’s List” input. What specific data is it retrieving? In Bubble, typically, one would use “Do a search for” to select and manipulate data from a specific table.

Please double-check these aspects and let me know your findings. For further guidance, you might find it helpful to review our demo editor to see how it’s set up there.

I’m looking forward to your reply.

Best regards,
Stephan

[fresoncoc]

Hi Stephan,

Hard to do this over text. I really want this to work and buy the plugin, but I need to know that it will work. Is it perhaps possible to set up a call with you so you can oversee my work, shouldn’t take to long. Is that something you would be able to do?

Best regards.

[Stephan]

Hello @fresoncoc,

Thanks for getting back.

@fresoncoc

Is it perhaps possible to set up a call with you so you can oversee my work, shouldn’t take to long. Is that something you would be able to do?

For any product-related questions, we provide general support over mail, forum, and intercom in our web page, unfortunately we don’t have a call option, thank you for your understanding.

Alternatively, you can add our Support email to the list of collaborators to your application and provide me a link to your application, so I can take a look at it.

To add our Support Team as a collaborator, you can follow these steps in the Bubble Editor:

1. Go to Settings.
2. Click on Collaboration.
3. Add the email address support@zeroqode.com.

Please note that you may receive a warning message regarding your plan when adding collaborators. However, since we are an Agency, you can easily add us as collaborators without any issues.

Looking forward to hearing from you soon.

Best regards,
Stephan