What's new
If you're moving to a newer version of Kanban, you might want to look at Migration to newer versions for more info.
Version 1.7.0
Released October 14, 2025
Salesforce Integration
From v1.7, JavaScript Kanban can now be used inside Salesforce. Check out this guide for more details: Integration with Salesforce.
There's also a GitHub example and an Online demo (Login: user, Password: demo).
New API
Updates
-
Methods
-
Properties
-
The
linksproperty has changed:masterIdis nowsourceslaveIdis nowtarget
-
The
editorShapeproperty has changed:clearButtonis now justclear -
The
cardShape.menu.itemsfunction now usesreadonlyinstead ofstore -
The
cards[i].attached[i]property now has asizeparameter
-
Removed API
-
The
editorAutoSaveproperty is gone. You can useeditor.autoSaveinstead -
The
dragItemsCoordsanddropAreasCoordsparameters are no longer in thestart-drag-card
Fixes
- If someone uploads a batch of files or several large files, the form might update before everything is fully uploaded, and the card data sent to the server is off
- File size only shows up for newly loaded files
- Year and month fields don't update after clicking Done in the editor
- When the comment textarea expands, it pushes the button out of the clickable area
- There's a script error if you open a card that's linked to a deleted card
Version 1.6.5
Released July 14, 2025
Fixes
- Setting
disabled: trueon menu items wasn't working - Adding a row to Kanban with no row structure didn't show row headers
Version 1.6.4
Released June 12, 2025
Fixes
- Cards would disappear when added to columns/rows that got removed and then brought back
- Locale labels were missing for uploader list buttons
- Commercial version packages were missing readmes
Version 1.6.3
Released April 8, 2025
Fixes
- Limits were applying to the whole column in the wrong way
- Moving a card after closing the modal editor caused an error
- Deletion confirmation popped up under the modal editor
- The toolbar "more" icon would flicker during slow window resizing
- The
delete-cardevent always closed the editor - Couldn't open the editor if the priority was set to an ID not in the options
Version 1.6.2
Released February 14, 2025
Fixes
- Trial package had the wrong expiration date
- There was a warning during drag and drop on touch devices
- Setting readonly
add: falsedidn't remove the Add option from the column menu - Editor didn't show up for cards with number IDs as strings
- Package had an outdated link to samples
- Column scroll with lazy rendering had drag and drop glitches
- The
setConfig()method didn't update the fixed state of column headers
Version 1.6.1
Released November 29, 2024
Fixes
- Toolbar's "more" icon was misaligned on narrow screens
RestDataProviderignored headers set viasetHeaders()- Calling
RestDataProvider.getIDResolvergave a "not a function" error
Version 1.6
Released November 13, 2024
New functionality
- You can now set how many assigned users are shown on a card using
cardShape.users.maxCount(example) - Column headers can be customized with
columnShape(example) - Search results view and content can be adjusted using
items.searchResultin the Toolbar's search control (example) - Editor can now show up as a modal window via
editor.placement(example) - Voting for a card is available through the vote icon, controlled by
cardShape.votes.clickable(example)
Updates
-
Properties
cardShapenow has users.maxCount and votes.clickablecolumnShapenow has headerTemplate and collapsedTemplateeditornow has placementitemsfor Toolbar search now has searchResult
-
Events
-
Methods
-
The
setConfig()method now:- Doesn't affect history (history can't be changed)
- Doesn't destroy the Kanban datastore, so event listeners and Toolbar stay attached
-
setLocale()also keeps the Kanban datastore intact, so Toolbar and listeners stay as they are -
The
apiparameter for Toolbar'ssetLocale()is now deprecated
-
Fixes
- If you're editing a comment and remove it, the textarea for new comments disappears
- Missing localization strings are now included
- Drag-and-drop didn't work when using
scrollType: "column"withrenderType: "lazy" - Couldn't close the editor with the close icon
- In the Willow skin, the right part of the editor matched the progress bar background color
Version 1.5.13
Released September 12, 2024
Fixes
- "Make cover" button didn't show up if the file extension was uppercase
- Clicking a disabled Multiselect control caused an error
- Scrolling after calling
addCard()would throw an error with column scroll and lazy rendering - No comments were saved as "" instead of []
- Editor styles could be overridden by global styles with a non-unique class selector. See migration section
Version 1.5.12
Released May 2, 2024
Fixes
- Intercept regression: returning
falsedidn't stop inner events - Disabled files could still be uploaded
Version 1.5.11
Released March 25, 2024
Fixes
- Kanban CSS variables for the Dark willow skin were missing for Toolbar and Portals
- Changes to comments and votes weren't saved to form values when autosave was off
- Custom column submenu got
nullin the onClick function argument - Couldn't set editable mode for Datepickers in Editor
- Console warnings showed up in Kanban examples
Version 1.5.10
Released February 29, 2024
Fixes
- npm server had a broken build
- Added the
selectparameter to theduplicate-cardevent andduplicateCard()method - Comment field styles in the Kanban editor were off
Version 1.5.9
Released February 20, 2024
Fixes
- Kanban was affecting styles of other widgets
- Custom column submenu items with
disabled: truewere still clickable - Couldn't set a custom upload function for the Uploader control
Version 1.5.8
Released November 28, 2023
Fixes
- The currentUser TS definition was missing in the IKanbanConfig type
Version 1.5.7
Released November 14, 2023
Updates
- Toolbar's
setLocale()now has an api parameter
Fixes
disabled: truedidn't work for card menu items- Console warnings appeared in Kanban examples
- Couldn't reset task priority
- Drop-down controls in the Kanban editor didn't close when clicking outside
Version 1.5.6
Released September 13, 2023
Updates
- You can now import the component as an ES module
Fixes
- Regression in npm packages
Version 1.5.4
Released August 9, 2023
Fixes
- Files uploaded earlier stuck around in the form after switching to another card
- File upload via drag-and-drop wasn't working
- Cards could be unexpectedly deleted if the Delete key was pressed while the form was open
- The "Search in" dropdown went blank after selecting a card through search
- Added links weren't deleted on the backend when undoing the add-link operation
Version 1.5.1
Fixes
- TypeScript definitions are now generated properly
Version 1.5
Released June 15, 2023
New functionality
- It's now possible to set and remove links between cards on the fly
- Links between cards can be managed on the server
- Column headers can be fixed (example)
New API
Updates
-
Properties
columnShapenow has fixedHeaders
Fixes
- Links couldn't be parsed, exported, or serialized at runtime
- Creating the comments section failed if users weren't activated
- Links in store would change the original data and not save right
- Lazy rendering messed up styles for collapsed columns' hover area
- Cards moved to new columns disappeared
- Textarea for a new comment stayed open when editing started
Version 1.4.2
Released April 13, 2023
Fixes
- Backend ID wasn't saved to local card/column/row data after adding
- Missing TS definitions are now included
- Dark skin styles were leaking
Version 1.4.1
Released March 29, 2023
Fixes
- Sorting wasn't preserved as expected
- Disabling a context menu through cardShape, columnShape, or rowShape didn't work right
- Adding links in the editor without providing links in data caused issues
- The menu on a column could be the same as on a card, or not show up at all
- Dragging two tasks instead of one
Version 1.4
Released March 21, 2023
New functionality
- Comments can be added (example)
- User limits can be set (example)
- Links between cards can be set (example)
- Cards can be voted on (example)
New API
Updates
-
Methods
api.getState()is updated
-
Properties
cardsnow has css, comments, and votescardShapenow has comments, votes (example), and css (example)cardTemplatecan now show a context menucolumnsnow has css (example) and overlay (example)columnShapenow has css (example)editorShapenow supports comments, links, and the format parameter for date/dateRange typesrowsnow has css (example)rowShapenow has css (example)
Deprecated API
-
Properties
- The label in menu item objects in
cardShape.menu.items,columnShape.menu.items, androwShape.menu.itemsis now deprecated
- The label in menu item objects in
Fixes
- Menu position was off when Kanban was inside a container with margins
- Collapsed columns were in the wrong place if you set a custom column width
- Dropping a card into a collapsed column made it disappear
- Collapsed columns were in the wrong place if you set a custom column width
- In swimlanes, the card context menu was covered by the editing panel, so you couldn't delete the card
Version 1.3
Released September 29, 2022
New functionality
- Cards can be duplicated using API, a context menu (3 dots icon), or
Ctrl (Command)+Dshortcuts (multiple cards can be duplicated at once) - Kanban data can be exported to a JSON file
- Kanban history can be managed:
- With Undo and Redo controls on the Toolbar
- With shortcuts:
Ctrl (Command)+Z- undoCtrl (Command)+YorCtrl (Command)+Shift+Z- redo
- Using API
New API
-
Events:
duplicate-card -
Methods:
duplicateCard(),export.json(),getUsers(),redo(), andundo() -
Common settings:
$meta
Deprecated API
- Properties:
editorAutoSave
Updates
-
Events
update-cardis updatedupdate-columnis updatedupdate-rowis updated
-
Methods
updateCard()is updatedupdateColumn()is updatedupdateRow()is updated
-
Properties
itemsfor Toolbar now includes "undo" and "redo" controlseditorShapenow supports dateRange type
Version 1.2.2
Released August 30, 2022
Fixes
- Some icons were duplicated in menu and toolbar
Version 1.2.1
Released July 28, 2022
Fixes
- The
cardHeightproperty didn't work withscrollType:"column" - Uploader didn't show uploaded files in the card editor
- Localization didn't work for "combo" and "progress" fields in the card editor
Version 1.2
Released June 29, 2022
New functionality
- New cards can be added via a column menu (example)
- Lazy rendering is available (example)
- Columns can be scrolled separately (example)
- Kanban scrolls to newly created cards, columns, and rows (API and UI) (example)
- Cards can be sorted (API and UI) (example)
New API
-
Properties:
cardHeight,columnShape,rowShape,renderType, andscrollType
Updates
-
Methods
api.getReactiveState()is updatedapi.getState()is updatedapi.getStores()is updatedsetLocale()for Kanban is updatedsetLocale()for Toolbar is updated
-
Properties
itemsfor Toolbar is updated- The start_date, end_date, menu, and users fields of
cardShapeare updated - The multiselect type of
editorShapeis updated
Common
- CSS class prefixes changed (see the Stylization section)
- Locale structure updated (see the Localization section)
Fixes
- Binding cards to swimlanes using
rowKeydidn't work right - Clicking the card menu opened the editor
- Dragging several cards didn't work right
- Editing cards with
select: false(readonly config.md) was broken - Selecting newly added cards with
addCard()didn't work as expected - The
label: falseandmenu: falseparameters incardShapedidn't behave correctly
Version 1.1.1
Released February 28, 2022
Fixes
- Custom editor field didn't work unless it was defined in cardShape config
- Selecting the right card from the search bar dropdown menu
Version 1.1
Released February 15, 2022
New functionality
- Columns can be collapsed/expanded using an arrow next to the label
- Columns and swimlanes can have a card limit
- Columns can be moved via the context menu (3 dots icon)
- Rows can be moved via the context menu (3 dots icon)
- Multiple cards in a column can be selected using Shift + click
- TypeScript definitions for Kanban are now available
New API
- New events for moving columns and rows:
move-columnandmove-row - New methods for moving columns and rows:
moveColumn()andmoveRow()
Updates
Properties
-
cardsis now optional -
columnsis now optional and has:- collapsed
- limit
- strictLimit
-
The color parameter in
cardShapehas been updated
Methods
addColumnis updatedaddRowis updatedupdateCardis updatedupdateColumnis updatedupdateRowis updatedparseis updated
Events
add-columnis updatedadd-rowis updatedupdate-cardis updatedupdate-columnis updatedupdate-rowis updated
Version 1.0
Released November 23, 2021
Initial functionality
-
Cards can be managed in these ways:
- add new cards
- select cards (including multiselection)
- delete cards
- search for cards
- reorder cards by dragging to another column or row
- edit card data in the editor:
- label
- description
- progress
- start date
- end date
- color
- priority
- attachments (files and pictures)
- custom fields
-
Columns and rows can be managed like this:
- add new columns and rows
- delete columns and rows
- rename columns and rows
- collapse/expand rows
-
Integration with backend (Go and Node)
-
Works in all major browsers
-
Supports touch devices