Bryntum TaskBoard

Features

Auto generated columns demo - This example shows auto generating columns from task values.
Column toolbars demo - This example shows how to customize column toolbars
Configuration panel demo - This example has a configuration panel that lets you try different TaskBoard settings
Column drag demo - This example shows how to use events to control dragging columns.
Task drag demo - Uses drag events to show a dialog to verify dropping tasks
Filtering demo - This example shows how to filter columns, swimlanes and tasks on the TaskBoard
Group-by demo - This example shows how to which field is used to assign a task to a column.
Simple task edit demo - This example shows how to use inline editing in task cards
Responsive demo - This example uses responsive breakpoints to reconfigure the TaskBoard based on its dimensions
Scrolling demo - This example shows how to programmatically scroll to tasks, columns and swimlanes
Sorting demo - This example shows how to sort tasks in the TaskBoard
Todo list - This example shows how to add a todo list to cards.
Undo/redo support demo - This example shows how to use the undo/redo widget to set up basic undo/redo support
Zooming demo - This example shows how emulate zooming by changing number of cards per row.

Basics

Basic demo - This example shows basic setup of the TaskBoard.
Big data set demo - This example has a lot of tasks, and uses partially virtualized rendering to display them quicker.
Columns demo - This example shows how to manipulate columns.
Swimlanes demo - This example shows basic setup of the TaskBoard using swimlanes.
Themes demo - This demo lets you switch between the different themes.

Customization

Customized column header menu demo - This example shows how customize the column header menu
Custom swimlane content demo - This example shows how to use a swimlaneRenderer to populate swimlane headers with custom content.
Task items - This example shows how to use task items to add additional content to the cards.
Customized task editor demo - This example shows how to customize the task editor
Customized task menu demo - This example shows how customize the task menu
Tooltips demo - This example shows how to customize the task tooltip
Localization demo - Shows how to preload a specific locale and localize the application.

Integration

Backend sync demo - Shows how to sync with a backend using the built in crud manager functionality
Web Components demo - This example shows how to use the Custom elements version of the task board
Custom build using WebPack - This very basic demo shows how to use webpack to do a custom build from our sources.
Ionic demo + Angular Kanban board - This demo is based on the Ionic framework and uses the Bryntum wrappers for Angular.