In this article, we are building a Kanban Board with plain HTML, CSS & JavaScript. This article aims to show, how modern UX designs and functionality can also be achieved with much simpler elements of HTML, CSS & JavaScript. This is where it all star...

Markdown supported · ⌘↵ to post
Hi, I wanted to add some other functionality like showing the number of task cards present in each stage dynamically after changing thier positions. Can you help me with easiest way to do that? I loved the way you explained.
I found the solution in the stackover flow for that issue. stackoverflow.com/questions/28203585/prevent-drop…
It worked for me.
Simone Gentili
Avoid putting task into each others simply adding
.closest('.skanban-block'):function drop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData("text"); ev.target .closest('.skanban-block') .appendChild(document.getElementById(data)); }Another nice feature is to move a task between two to sort tasks.