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

[Newed]

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.

---

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

[tulioportela]

You nailed it, bro.

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.

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

[chris.williamson1996]

Really cool plugin! so useful for custom dashboards!!

[alexcooney5]

Looks like a great plugin guys. Congrats!

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

[hi.luisacosta]

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?

[Newed]

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.

[tulioportela]

@chris.williamson1996

Really cool plugin! so useful for custom dashboards!!

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.

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

@alexcooney5

Looks like a great plugin guys. Congrats!

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

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

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

[johnny]

Outstanding! Even the plugin demo is stunning!

[Newed]

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.

[ricamendes]

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…

[tulioportela]

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…
Suspeito até que nem humano ele deve ser.

Obrigado pelo comentário @ricamendes
Conta com a gente irmão!

[Newed]

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.