Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Building a Simple Kanban Board | Advanced Drag and Drop for Multi List and Kanban Boards
SortableJS Drag and Drop Interfaces with JavaScript

bookBuilding a Simple Kanban Board

index.html

index.html

style.css

style.css

copy

A Kanban board is a visual workflow tool that organizes tasks into columns, typically representing stages such as "To Do," "In Progress," and "Done." In the provided example, each column is a list that holds task items. By configuring SortableJS with the same group value for each list, you enable tasks to be dragged and dropped not only within a single column but also between columns. This group connection is essential for supporting the movement of tasks across the board. When you drag a task from one column and drop it into another, SortableJS recognizes the shared group and updates the lists accordingly, making the Kanban board interactive and dynamic.

question mark

In the context of the Kanban board structure, what enables tasks to be moved between columns?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 2

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

bookBuilding a Simple Kanban Board

Deslize para mostrar o menu

index.html

index.html

style.css

style.css

copy

A Kanban board is a visual workflow tool that organizes tasks into columns, typically representing stages such as "To Do," "In Progress," and "Done." In the provided example, each column is a list that holds task items. By configuring SortableJS with the same group value for each list, you enable tasks to be dragged and dropped not only within a single column but also between columns. This group connection is essential for supporting the movement of tasks across the board. When you drag a task from one column and drop it into another, SortableJS recognizes the shared group and updates the lists accordingly, making the Kanban board interactive and dynamic.

question mark

In the context of the Kanban board structure, what enables tasks to be moved between columns?

Select the correct answer

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 3. Capítulo 2
some-alt