Page 1 of 2

Progress on Bryntum TaskBoard

Posted: Thu Jan 28, 2021 1:42 pm
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.


Dragging and collapsing

Posted: Thu Jan 28, 2021 1:44 pm
by johan.isaksson

Gif demonstrating dragging cards and collapsing columns and swimlanes

taskboard-longer.gif
taskboard-longer.gif (784 KiB) Viewed 3742 times

Multiple cards per row

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

Here connected to a slider to simulate zooming:

zoom.gif
zoom.gif (832 KiB) Viewed 3688 times

Re: Multiple cards per row

Posted: Thu Feb 04, 2021 3:59 pm
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


Re: Multiple cards per row

Posted: Mon Feb 08, 2021 5:02 pm
by johan.isaksson

Fair enough, will adjust 👍


Re: Progress on Bryntum TaskBoard

Posted: Sat Feb 20, 2021 1:22 pm
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?


Re: Progress on Bryntum TaskBoard

Posted: Sat Feb 20, 2021 3:23 pm
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!


Re: Progress on Bryntum TaskBoard

Posted: Mon Feb 22, 2021 6:06 pm
by H9FFDC

Will it be an open beta? Looks fun


Re: Progress on Bryntum TaskBoard

Posted: Tue Feb 23, 2021 10:11 am
by mats

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


Re: Progress on Bryntum TaskBoard

Posted: Mon Mar 08, 2021 4:24 pm
by johan.isaksson

TaskBoard now supports the same themes as our other products:

themes.gif
themes.gif (1.32 MiB) Viewed 3283 times