It would be nice to have the ability to drag and drop items like this.
In run mode you mean? How would it work? What kind of event would be attached to the element?
I would use it to build a process management app
I’m making this up as a type, and in no way speak for @Kfawcett, so this is my own suggestion. I would imagine we have an element called a “Droppable” or “Droppable Group” that would serve as the basis for the element you can drag around. There’d be another element type called “Drop Zone,” and we’d be tracking “When Droppable A is in Drop Zone 1…”
The conditions for a Droppable might look like:
- Is Being Dragged
- Is/is not Draggable
While the conditions for a Drop Zone might be:
- Is/is not Active (accepting things to be dragged into it)
The drop zone would function somewhat like a repeating group, where each item in a drop zone would have to have an index associated with it for positioning purposes (assuming they snap in place). So under the hood, you might have the concept of “Draggable A is in index 0 of Drop Zone 1”
I would like it if it could be done like the Bubble elements we use because then I can start using bubble for my clients business process management apps instead of the systems I’m using now.
@emmanuel, yes, in run mode.
Couple of use cases I can think of.
It allows you to build apps like the screenshot (a Kanban Board) that allows you to move items between statuses. During the move it updates a field on the item being moved based on what you define as the criteria for the containers you’re dragging between.
In the past I’ve used this type of thing in the WordPress admin menu screen. You are able to reposition top level menu items or making them a child of a top level menu item just by dragging them around.
You could build a Solitare game.
Not sure how you could control the positioning though. For instance, in use case 1 the items would need to be able to snap into one of the columns once you got close to center.
Here’s an example of code available on github for this type of functionality. http://bevacqua.github.io/dragula/
Well S%%$ this is a great idea. I love this concept. It will really blow open a new range of possibilities and dramatically improve the user experience in a wide variety of applications.
I too would love to see this kind of capability. I do process management all day and have been seeking ways to incorporate that into the apps I build.
I’ll think about it, no promise though, it’s a bit of a project.
@emmanuel I think we’ve got two different request going here though. @Bradluffy and @raymond seem to want some type of Business Process Management tool and I’m looking more for a way to just drag n’ drop and sort items between containers and have the ability to define workflow based on those actions (dragging between different containers).
I think the BPM tool, with a process modeler, would be a larger undertaking – probably something like http://bpmn.io/
Yes, I know. Again, interesting idea, that’s not the next thing on the list though (except if it’s necessary business wise, we can talk about sponsoring then).
Yes! Being able to select items from a repeating group and drop them somewhere else to modify the data on them would be awesome UX!!
Will we be able to get that done before we launch beta version on May 10th?
Haha, you’re a funny guy. I can’t imagine drag/drop on a custom platform like Bubble is a weeklong task. That being said, I would be very interested in pooling some money together to sponsor the feature. Anybody else interested?
I may be interested in contributing to sponsorship pool
I’m afraid I’m spending all my spare cash on my non-coder. Keep me in the loop if things start moving though.
I’m not really a coder and don’t understand much of how this works. But I was part of the product team that built a similar kanban style app. We had built all the structural stuff and wanted to integrate drag and drop.
I didn’t really understand much of the details but we wrote a code that remembered the position of an item in terms of numbers. 1,2,3,4 etc. And then a thing that let users drag and drop items from one place to another and the position got saved in our database.
So that’s what my idea is based on.
I’m assuming any repeater group displays data based on a certain logic. (Date of creation ascending or descending etc).
So what if we could add a function to repeater groups that assigns a particular position to every cell. ie. 1,2,3,4 etc.
Then we could give some sort of thing that let’s the end user drag one cell to another position and the repeater group remembers that. That would allow the creation of Kanban boards and other cool stuff.
Would love to have this feature. This is the one thing that Bubble doesn’t have that’s keeping me from using it
How much do we need to raise?
Please get in touch for this, easier to talk about $$ by email first, though i’d expect this to be a topic here if a crowdfunding thing happens (which i’d love to see happen).