Draggable workflow builder

Even though a little limited by the current possibilities. Here is a little POC I made for a friend, to show him something like this is possible in WeWeb, entirely in NoCode, with WeWeb’s tooling.

4 Likes

Did you do this with an npm package or with native capabilities?

1 Like

All native. Kanban, and some divs :slight_smile: It’s very lean and simple. depending on one object variable only.

2 Likes

Very cool. Would like to see a tutorial on this

Bro is making weweb on weweb

I’d love a tutorial as well, even if it just showed the basic structure and workflow lol

Actually a really nice timing, because I started playing with a v2 of this :smiley:



I’m having an issue with modifying the ghost on drag, because I’m unable to set the :force-fallback=“true” @aurelie do you think there is a way around to pass props like this? I’d need this to eliminate the ugly sticks at the bottom of my items when dragging.

I’m actually quite amazed, because I set myself to use 0 JavaScript and so far, I’m managing to do so, except for some bound values. At the end of the day, it’s very simple to do this with Kanban Stacks to be honest.

1 Like

I actually had to stop, because nesting components just crashes my Editor @aurelie just letting you know :smiley:

It looks great! So each card is basically a kanban card with the input and a connector line below it, and when you add new node it adds an object to an array and appends an “add an action” object to the end of the array, is that correct? How would the split work?

For now I have only the true/false split, where there is a stack for each option. It’s a JSON tree basically. But I don’t think I will be going further, because it’s more of a hobby toying around :slight_smile: I don’t have time to finish it. I hope posts like this will eventually motivate others to push WeWeb’s limits.