Our flexible Kanban board for managing tasks with drag drop


Post by johan.isaksson »

Hi,

I am the architect leading the development of our new modern JavaScript Kanban board component, TaskBoard. We are working hard on making a modern and more fleshed out version of our old ExtJS based TaskBoard and have reached a point where we want to share the progress on it.

We would appreciate your feedback on what capabilities you would want it to have 😀

Currently it supports the following:

  • Columns

  • Swimlanes

  • Multiple cards per row, configurable globally, per column or per swimlane (it uses CSS grid layout within the columns). With responsive styling based on customizable size levels

  • Basic keyboard navigation

  • Multi selection with keyboard and mouse including marquee selection

  • Drag and drop reordering

  • Partially styled using CSS variables

  • Consuming a project from Scheduler (events/tasks, resources and assignments)

  • Multi assignment

  • Resource avatar rendering

  • Collapsible columns & swimlanes

  • Filtering cards, columns & swimlanes

  • Picking columns and swimlanes to show

  • Individual column widths

  • Zooming, based on varying number of cards per row

  • Card tooltips

  • Per column toolbars

  • Themes

Planned features for the first version are:

  • Rearranging columns and swimlanes

  • Card (task) editor

  • Locales

  • Angular support

  • React support

  • Vue support

  • Salesforce support

We still have ways to go before it is ready for release, but plan to keep you up to date in this thread by posting progress updates.

Best regards,
Johan Isaksson

Post by johan.isaksson »

Gif demonstrating dragging cards and collapsing columns and swimlanes

taskboard-longer.gif
taskboard-longer.gif (2.46 MiB) Viewed 461 times
Best regards,
Johan Isaksson

Post by johan.isaksson »

Here connected to a slider to simulate zooming:

zoom.gif
zoom.gif (1.99 MiB) Viewed 407 times
Best regards,
Johan Isaksson

Post by henrikbackman »

johan.isaksson wrote:
Wed Feb 03, 2021 12:52 pm

Here connected to a slider to simulate zooming:

zoom.gif

Shouldn't the zoom go the other way?
Right = zoom in
Left = zoom out


Post by johan.isaksson »

Fair enough, will adjust 👍

Best regards,
Johan Isaksson

Post by gregc »

I didnt realize this was on the home page and you can download it. Its not listed under Products or under Examples so I never saw it until now.

But is it only Ext JS ?

"With our Ext JS based Kanban Task Board component,"

or is this available for regular import using just javascript?


Post by mats »

We have a legacy TaskBoard based on Ext JS and there's a new modern one on the way based on our own new pure JS toolkit. Aiming for a beta release in March!

Tired of debugging javascript errors in web applications? Try our powerful error logging service RootCause


Post by H9FFDC »

Will it be an open beta? Looks fun


Post by mats »

Yes we'll reach out to you as soon as it's ready for testing!

Tired of debugging javascript errors in web applications? Try our powerful error logging service RootCause


Post by johan.isaksson »

TaskBoard now supports the same themes as our other products:

themes.gif
themes.gif (1.33 MiB) Viewed 2 times
Best regards,
Johan Isaksson

Post Reply