Toggle Menu
Theme
arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
Theme
arya-blue
luna-amber
luna-blue
luna-green
luna-pink
nova-dark
nova-light
saga-blue
vela-blue
Homepage
GitHub
Issue Tracking
Toggle Use Cases
Kanban
A Kanban board component for visualizing workflow and managing tasks with drag-and-drop functionality.
Based on
jkanban
by Riktar.
Components and more
ClientBehaviours
Converters
Functions, Utils
BlockUI
Calculator
Clipboard
CodeMirror
CodeScanner
CookiePolicy
Counter
Credit Card
ClockPicker
CommandPalette
Document Viewer
DynaForm
EChart
FluidGrid
Fuzzy Search
GChart
ImageAreaSelect
ImageRotateAndResize
ImageZoom
InputOtp
InputPhone
InputPlace
Kanban
Keynote
Layout
Legend
LightSwitch
Localized
MarkdownEditor
MarkText
MasterDetail
MeterGroup
MonacoEditor
Orgchart
OpenStreetMap
QRCode
RemoteCommand
Session
Sheet
SlideOut
Speedtest
SunEditor
Timer
TimeAgo
TimePicker
Tooltip
TriStateManyCheckbox
Waypoint
Use Cases
Basic Usage
Item Interaction
Layout Tuning
Board Dragging
Drop Restrictions
Right-Click Context Menu
Client API
Custom Data Attributes
Drag Handles
Documentation pe:kanban
Attributes (move mouse over the names to see data types)
Name
Description
addItemButton
Enable add item button on each board.Default is false.
bindContextMenu
Client-side id of a PrimeFaces contextMenu component to bind to right-click events.
binding
An EL expression referring to a server side UIComponent instance in a backing bean.Default is generated.
dragBoards
Enable board (column) dragging and reordering.Default is true.
dragHandle
Enable drag handle on items. When enabled, only the handle area is draggable, preventing accidental drags on the card body.Default is false.
draggable
Enable drag-and-drop functionality.Default is true.
extender
JavaScript function to extend the widget configuration.
gutter
Gutter (spacing) between boards in CSS units, e.g. "15px".Default is 15px.
id
Unique identifier of the component in a namingContainer.Default is generated.
rendered
Boolean value to specify the rendering of the component, when set to false component will not be rendered.Default is true.
responsivePercentage
If true, boards use percentage-based widths instead of fixed pixel widths.Default is false.
style
Inline CSS style of the component.
styleClass
Style class of the component.
value
List of KanbanColumn objects representing the kanban board columns and items.
widgetVar
Name of the client side widget.Default is generated ('widget_' + componentClientId).
widthBoard
Default width of each board in CSS units, e.g. "250px".Default is 250px.
PrimeFaces Extensions Showcase - © 2011-2026,
PrimeFaces: 16.0.0-RC1,
PrimeFaces Extensions: 16.0.0-SNAPSHOT,
JSF: Apache MyFaces Core 4.0 - Impl 4.0.3,
Server: Apache Tomcat (TomEE)/10.1.52 (10.1.4),
Build time: 2026-07-18 14:36
occured!