Kanban boards are now a highly effective drag-n-drop element in Directual! Perfect for internal apps, CRMs, marketplaces, and more! Learn how to use it in your own projects, super-fast.
Whenever the word “Kanban” comes up, what do you think of? Task trackers, CRMs, marketplaces, and cards you can move from one status to another in general.
We’ve already mentioned a while ago why Trello sucked (in our own particular case), and it’s a situation for many a business out there. Revolving through task trackers is similar to going through comms apps: Slack, WhatsApp, Teams, you name it. Takes a while to find a good fit.
Why keep trying to find something that looks like a kanban board when you can just build it yourself? It’s been long overdue since no-code Kanban functionality became a drag-n-drop element in Directual as well, and here it is.
Pretty much everything your standard Kanban board app is capable of, and then some. Here’s the kicker: based on the configuration, as soon as the card is dragged to the next status, a scenario (of any complexity) of your choosing can be triggered.
For instance: you move a card to another status and Directual can..
In case you’d like to see how it works live, try out right here (or visit the live-demo page):
The examples above are available in a Kanban demo template:
The Kanban component can (and definitely should) be used for more than just basic internal apps and to-do boards. Go big and build CRMs, enrich your SaaS with Kanban boards, and automate your business processes.
Well, let’s have a look-see at how you can get your own Kanban board going in just about 5 minutes.
Step 1: Configure the endpoint
First, you need to choose the endpoint with the following fields:
Step 2: Configure the Kanban board
It’s also pretty simple:
Step 3: Configure card view and extras
The entire process here is very similar to our standard card configuration, which also takes just a few minutes to set up.
Ta-daaa, done! But that is not all…
On top of everything else, you can customize the Kanban cards by configuring HTML based on object data the way you like. Check out the example of what your Kanban cards can look like below:
Looks nice, huh? To provide you with an idea of complexity, here’s how the data structure looks like:
And now let’s take a look at the page settings. What we have here is just two components:
Kanban card settings, on the other hand, look like this. Finally, that’s where the component’s HTML code is supplemented with custom CSS (you can also use the same feature for any page!):
In case you liked the pretty Kanban design above (have a look at the live-demo), here’s an opportunity to grab for yourself right here:
Kanban is a staple of so many different businesses and workflows all over. Sometimes, it pays to have your own kanban, built just the way you need it, at no chance of downtime. Try it yourself, and if you’ve got questions or suggestions, you know where to find us: hello@directual.com
Kanban is a methodology for managing workflow processes. When it comes to web apps, the Kanban board is a simple representation of card elements that can be moved between statuses, or columns. It’s often used for project management, CRMs, and other systems requiring organization.
Directual's Kanban board element is quite advanced. It features filtering, scenarios, and they are highly customizable. That helps to create no-code projects that are on par if not better than most project management systems or services offering Kanban boards as a UI element.
Very customizable. You can customize HTML and CSS elements, change visuals, pull external APIs, and even assign user roles based on the scenarios you have in place.
Discover how affiliate marketing can turn your online presence into profit by focusing on niche markets. Monetize blogs and social media effortlessly.
Earn D-coins by shouting about Directual everywhere! See the full list of rewards for your social network activities.
For everyone on the fence about trying and worrying about the small print: see in depth how Directual pricing and operational limits work! The platform is as pay-as-you-go as it gets.
Imagine HR as a wild jungle. A bit more civilized though, thanks to the order of no-code development. See how you too can tame it.
This short article will walk you through our latest API builder update, including new features such as updated API endpoints menu, visual editing for filters, new endpoint testing menu, new functionality, and more. Let's get started.
Want a beautiful website but can’t be bothered with coding? Just want to press a button and see magic happen? Good news—it’s possible. Bad news—not too well. See how this works in our top 5 AI website builder list.
Join 15,000+ no-coders using Directual and create something you can be proud of—both faster and cheaper than ever before. It’s easy to start thanks to the visual development UI, and just as easy to scale with powerful, enterprise-grade databases and backend.
