__wf_reserved_heredar
__wf_reserved_heredar
__wf_reserved_heredar
¿Qué hay de nuevo?
Producto
¿Quién usa Directual?
Qué se puede construir en Directual
Aprenda Directual
¿Por qué Directual?
Recursos
Jurídico
Empresa

Introducing Kanban: advanced, customizable, and pretty

November 3, 2022

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.

Ancient Greeks lamented finding the right task tracker vendor 2500 years ago. The problem is in all likelihood much older.

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.

What can Kanban do in Directual?

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..

  • Notify the responsible manager 
  • Pull external API
  • Change permissions
  • Perform actions based on different databases, roles, and external systems
  • Cancel drag-n-drop if there is a logical conflict

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. 

How to set up Kanban

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:

  • Stage (column): it’s a field type link connected to the directory structure
  • Weight: a decimal type field for sorting data within a column from small to large. As soon as the user dragged an item, the weight is saved from 0 to N for the whole column.

Step 2: Configure the Kanban board

It’s also pretty simple:

  • Choose the stage (column field)
  • Choose the weight field
  • Choose enable or disable for drag and drop
  • Click "Reset the list" to get the stages from the linked data structure

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…

Making custom design Kanban cards

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:

Afterword

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

FAQ

What is Kanban and how does it work?
What is Kanban and how does it work?

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.

How do Kanban boards work in Directual?
How do Kanban boards work in Directual?

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.

How customizable are Kanban boards in Directual?
How customizable are Kanban boards in Directual?

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.

Featured blog posts

Подробное руководство по продуктивности для no-code разработчиков

Откажитесь от бесполезных показателей производительности и стимулируйте энтузиазм разработчиков и реальные результаты! 🚀 Узнайте, как повысить эффективность команды и уменьшить стресс.

October 25, 2024
by
Павел Ершов

Полное руководство по no-code системам управления инцидентами

Неполадки случаются постоянно, поэтому без системы управления инцидентами (IMS) отслеживание проблем превращается в настоящий ад. Этот гайд поможет вам разобраться с ситуацией правильным образом.

Low-code против No-code: Кто победитель?

Откажитесь от кода и присоединяйтесь к революции low-code/no-code! Получите возможность быстрой разработки приложений, автоматизации процессов и инноваций, не прилагая особых усилий (и не превышая бюджет). Перетаскивание, создание и возможность удивлять с помощью простого способа создания кастомных приложений.

Сертификация Directual: Станьте официальным экспертом и предлагайте услуги на платформе

Нанимайте разработчиков для реализации своих проектов и предлагайте собственные услуги для реализации чужих! Все это прямо в Directual. Заходите, чтобы узнать больше.

September 21, 2024
by
Павел Ершов

Чат-боты WhatsApp для бизнеса: Практическое руководство на 2024 год

WhatsApp — это поле битвы за привлечение клиентов. Изучите реальные истории успеха, узнайте, как создать свой собственный чатбот, и оставайтесь в курсе перспективных тенденций.

Топ-20 инструментов для создания чат-ботов с искусственным интеллектом для мира no-code

ИИ чат-боты! Узнайте, кто в тренде, кто нет, и как создать своего собственного помощника с ИИ, чтобы добиться максимальной продуктивности с no-code.

Готовы создать
приложение своей мечты?

Присоединяйтесь к 22 000+ разработчикам на Directual и создавайте проекты быстрее и дешевле. Визуальный интерфейс упрощает разработку, а мощные базы данных и бэкенд делают масштабирование легким и эффективным.