Kanban
Last updated
Was this helpful?
Last updated
Was this helpful?
(part of package '') Extends designtime/SolutionModel: Extends runtime:
A Servoy Extra Component for a Kanban Board. Displays boards with items that can be dragged, dropped, and managed.
This is a reference page; many components have detailed usage guides .
An array of board items to be displayed. Type:
Flag indicating whether boards can be dragged. Type:
Flag indicating whether items can be dragged between boards. Type:
The gutter between boards. Type:
Callback when the board's button is clicked
Parameters:
Callback when any board's item are clicked
Parameters:
Callback when any board stop drag
Parameters:
Callback when any board's item are clicked
Parameters:
Callback when any board stop drag
Parameters:
Callback when any board's item stop drag
Parameters:
Callback when any board's item drop in a board
Parameters:
Adds all the boards to be displayed by the component, any previous boards will be replaced by the new ones
Parameters:
Adds an item to a specific Board
Parameters:
Gets the index position of an element within its parent board
Parameters:
Updates the title of an existing item
Parameters:
Represents a board item. scripting type: CustomType<svykanban-board.boardItem>
class
CSS style class applied to the board.
dragTo
Array of board IDs to which items can be dragged.
id
Unique identifier for the board.
item
Array of item objects contained in the board.
tabindex
Tab order index for keyboard navigation.
title
Title of the board.
Represents an individual item in a board. scripting type: CustomType<svykanban-board.item>
class
CSS style class applied to the item.
id
Unique identifier for the item.
priority
Priority level of the item.
title
Title of the item.
Options for adding new items to a board. scripting type: CustomType<svykanban-board.itemAddOptions>
class
CSS class for styling the add item button.
content
The content to display as the add item button.
Default Value: "+"
enabled
Flag indicating whether adding items is enabled.
Default Value: false
footer
Flag indicating whether a footer is shown in the add item section.
Options for item handle behavior. scripting type: CustomType<svykanban-board.itemHandleOptions>
customCssHandler
Client-side function for custom CSS styling of the handle.
customCssIconHandler
Client-side function for custom CSS styling of the handle icon.
customHandler
Client-side function for handling custom events on the handle.
enabled
Flag indicating whether the handle is enabled.
Default Value: false
handleClass
CSS class applied to the handle.
Options for adding items to a board. Type:
Options for handling item drag operations. Type:
If true, board widths are set as a percentage of the container. Type: Default Value: false
The width of each board. Type:
{} el The DOM element of the clicked button.
{} boardId The identifier of the board.
{} event The event object associated with the click.
{} taskID The ID of the clicked task.
{} event The event object associated with the click.
{} el The DOM element representing the board.
{} source The source board object.
{} el The DOM element of the dragged item.
{} source The source board object.
{} el The DOM element representing the board.
{} el The DOM element of the dragged item.
{} el The identifier of the dropped item.
{} target The target board object.
{} source The source board object.
{} sibling The sibling item element adjacent to the drop location.
{} boardItems An array of board items to be displayed, replacing any existing boards.
{} boardID The Board Id, if not found the item will be ignored
{} element The item to be added to the Board
{} [position] The position to insert the new item at, if not provided it will be inserted at the end
{} elementID The element Id
Returns: The zero-based index of the element in its parent board, or -1 if parent or element not found
{} elementID The Board Id, if not found the item will be ignored
{} element The item to be updated, the title of the existing item will be replaced with this one, if not found by id it will be ignored
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type:
Type: