[New Plugin] Swapeasy - Drag and Drop Group & RG 🪄 Transform your pages into personalized drag and drop interfaces

Hello everyone!

We are very happy and excited to share this plugin with you, which is the result of a partnership between me and a friend that no-code (or code) gave me, @tulioportela .

Probably, depending on the layout, it is even possible to replicate some features of this plugin, using the native drag and drop plugin and a series of workflows. But our objective here was precisely to implement the true meaning of “easy” when working with drag and drop structures.

Swapeasy was created thinking mainly about cases in which you want to build drag and drop environments that do not depend on lists, endless workflows or repeating groups as mandatory to function, but rather on any layout that meets the structural requirements described in the documentation. In addition to allowing not only to order the elements, but also to maintain this persistent ordering, in a dynamic and unique way for each user.

Have you ever imagined being able to allow each user to have their own menu, dashboard, widgets, etc., in the order they want and being able to change that order whenever they want? Now you can! And more than that, with just a few simple and quick settings.

swapeasy


Events

• Swap Start
Event that can be triggered when an element starts to be dragged.

• Swap End
Event that can be triggered when the element being dragged.

• Order Changed
Event that can be triggered when a swap occurs and the current order is different from the previous one.

• Invalid Order
Event that can be triggered when the order provided in the element or action does not have the correct format or the number of items (numeric elements in the string) does not correspond to the structure within the main container.


States

• Order Changed
Evaluates whether the order has been changed.

• Current Order
Returns the current order value (numeric string) whenever a position swap is completed or initially set (E.g.: 1,2,3,4).


Actions

• Set Order
This action can be triggered by any event and can be used to set an order based on a provided list. The value of this field must be a valid string (numbers separated by comma) and must correspond to the number of draggable elements in the created structure (E.g.: 1,2,3,4).


Demo / Documentation | Plugin Page

12 Likes

You nailed it, bro. :slight_smile:

That’s what we want, to make it easier for those who need to solve simple things without making everything complex. Moving and reordering elements doesn’t have to be a difficult and limiting task, now we can do it using groups.

I’m very happy with what we’re developing and I’m sure that the updates that are coming will make the plugin even more impressive.

logo-swapeasy-gif

Thank you for your partnership and trust @Newed
It’s just the beginning… :rocket:

7 Likes

Really cool plugin! :clap: so useful for custom dashboards!!

5 Likes

Looks like a great plugin guys. Congrats!

Really like the GIF you’re using for the plugin icon - nice attention to detail.

4 Likes

This looks really nice. Demo feels sleek.
Question: in the demo page, you cannot move the card from one list into another, will this be supported later?

2 Likes

Hey @hi.luisacosta , good question.

Yeah! At this stage it is more focused on free layouts, currently not supported by most plugins. We are now working on list-oriented features which will involve nested lists soon.

4 Likes

Thaaanks Chris!
As we get to know the plugin better, we realize that there are many possibilities; every time we discover something new that can be done. @Newed and I will include new examples on the page. :slight_smile:

But, yes. I agree with you and I also think that perhaps dashboards are the most common case. Thank you @chris.williamson1996


Did you like it? Thanks man!
I’m really happy! You’re a guy who really understands this subject.
I admire your work.

Thank you very much @alexcooney5 :handshake:

“Opportunities are usually hidden in the details, so most people are distracted.”

3 Likes

Outstanding! Even the plugin demo is stunning!

3 Likes

Thanks man! We appreciate any feedback, whether it’s about the plugin or how we demonstrated it. We’ll be adding more examples to the demo/documentation, making it even easier to understand.

2 Likes

Wow… I think that’s exactly what I need…
I want to create a game panel system with a panel like a dashboard, with tournaments, teams, games, etc… But the trick I’m thinking of for the system is a feature here that depends on this thing: the client needs to be able to drag and move the cards to change their positions. It’s as if he were to think he had his own application for his team, but in reality he’s just moving things around on the pages.

Well, I found Bubble about 3 or 4 days ago, I think. It’s the first time I’ve been on the community forum. I’m lucky, or it’s a good sign, lol…

I was looking for a plugin like that. I found several plugins on WordPress, but I found WordPress much more difficult than Bubble… I haven’t found one yet. I saw all the plugins in this category on the marketplace page. I could be wrong, but none of the plugins I saw there have this function. The plugins are different, I need to study to learn more, of course, but from what I understand, the plugins are powered by searching for lists of items in the database.

That’s more or less it, I’m going to go check out your plugin, because from the video above it’s exactly what I needed. Congratulations to you guys for your work.

I don’t understand English, my friend, I used Google Translate. rsrsrs
I’m Brazilian. I’m sorry if I got any words wrong, rsrsrsrs…

2 Likes

Oh man… Thanks for the words!
That’s all so cool, I hope you find what you need here, bro.
I’m happy that Swapeasy met your project, your idea must be really good!

Yeah… I confess that I would have to study plugins of this type in depth to be able to say that no other does what ours does. So while I can’t say that for now, I can say that I’m 99% sure, hahaha…

Hey, wait a minute… You é brasileiro? Sério? Eu também pooo! Ahahaha…
Já o @Newed, eu acho que não é brasileiro não.
O cara é muito gênio… :brain:
Suspeito até que nem humano ele deve ser. :alien::flying_saucer:

Obrigado pelo comentário @ricamendes
Conta com a gente irmĂŁo!
:brazil:

1 Like

:loudspeaker: NEW UPDATE 1.1.0: Support for static lists and Repeating Group.

You can now use static lists as a data source (Option Sets, texts, numbers, dates, etc.).

When using lists, the only change required is the target container type. While the free layout approach uses the Group element as the container, lists now use the Repeating Group element as the container. Therefore, in this scenario, the ID should be applied directly to the Repeating Group element.

We are working to expand Swapeasy’s functionalities and also allow the same functionality using dynamic lists. Stay tuned for future updates and check the official documentation for more information.

2 Likes

Hi @Newed this plugin seems extremely promising!! Really looking forward for dynamic lists and hopefully a Kanban style functionality. Tried yesterday to implement within reusable elements but couldn’t get it to work, is this a known limitation?

1 Like

Hey @aestela , good questions.

We will probably release new features and improvements this week or next one. We are just reviewing and testing few things and will update the documentation soon.

Regarding dynamic lists, yeah, we have plans for this and have already started implementing some things that will pave the way for this functionality.

And regarding the Kanban-style functionality, we also have plans to expand Swapeasy’s functionalities to cover different use cases including this one.

So, we will have more updates soon, thank you. And stay tuned! :grinning_face:

3 Likes

Would love to hear about updates!

1 Like

:loudspeaker: NEW UPDATE v1.2.0: Automatic save method, more custom styles and code improvements.
‎
‎
What was already easy just got even easier. :saluting_face:

Yeah, we’ve released some updates to Swapeasy to make your life even easier.
‎

:white_check_mark: Automatically save, retrieve and persist the order:

In the previous version you had to configure the actions to save and retrieve the order of the items and thus make the order persist. You can still do this if you want, but now there is an option to do it automatically. Yes, Swapeasy does it all for you.
‎


:white_check_mark: No consumption of Workload Units (WUs):

In the previous version, saving and retrieving the order from the Database consumed a small amount of WUs. Well, we know that WUs are the nightmare of any Bubble Dev. With this in mind, we also added the automatic method mentioned above. Not only does it do everything without requiring additional configurations, but it also doesn’t consume any WU. If you had any concerns about this, you don’t need to worry anymore.
‎


:white_check_mark: More customization:

We’ve added more visual control over the drop areas; you can now define more properties to control the appearance of these areas when they are highlighted during item dragging.
‎


:white_check_mark: Code improvements:

We’ve implemented a few more improvements to eliminate a small visual bug that some users reported and to make everything more fluid.
‎


What’s next?

We have a few more items on the list to implement, small improvements to the current version and more features. But our main focus right now will be dynamic and nested lists.

swapeasy_nested_lists

Stay tuned for future updates and let us know your feedback. Any suggestions are welcome.
‎
‎



:light_bulb:As additional information, if you liked the Swapeasy documentation page and if you need to revamp your app with a modern and elegant design or maybe some custom plugin, my partner in creating Swapeasy @tulioportela can help you.

Check out his portfolio here: tulioportela.com

1 Like

Ohhh mermĂŁo!
Obrigado por isso, tu sĂł fortalece.
:saluting_face: :star_struck:

1 Like

This plugin isn’t getting as much attention as it deserves! Best designed plugin demo I’ve seen… I want to find an app to implement it on just to try it!

3 Likes

I’m biased, but in my opinion the plugin is really amazing :slight_smile:

Dynamic lists are coming soon! Then… it will be complete and will really meet all needs.

But, for me, the gem will always be the freedom of groups. Seriously… Defining just 1 ID attribute in the container, dragging and reordering STATIC GROUPS, the elements without lists, without states, fields, without a single workflow… Close your laptop, go to sleep, wake up, go back to work, open the page and the elements are in the same position you left them the last time you moved them? It’s crazy, it’s easy…

Thanks for the moral, bro! @georgecollier

1 Like

This is very good!! Do you have any plans to make it available for native mobile app? Hopefully you are soonest possible!