GraffitiKanban

Popular Searches gridgraffitigraffitistylegraffgra
View Categories
Table of Contents

Images #

About #

GraffitiKanban is an amazing idea-board and collaboration component. Build out a project management application, save notes easily, or anything else you can dream up! Features:
  • Responsive column resizing
  • Drag columns or items to rearrange
  • Supports Dark Mode
  • Easily build in lists

Enumerations #

Name Values
DropBehaviors Revert
Remove
Nearest

Constants #

Name Type Value
This class exposes no constants.

Events #

Definition Parameters Return Type Description
ColumnAddPressed column as GraffitiKanbanColumn None Fired when the user clicks the button at the bottom of a column
ColumnMenuItemPressed column as GraffitiKanbanColumn None Fired when the user clicks or taps one of a column’s GraffitiKanbanMenuItems
item as GraffitiKanbanMenuItem
ColumnMoved column as GraffitiKanbanColumn None Fired when the user moves a column by dragging
newIndex as Integer
ColumnRemoved column as GraffitiKanbanColumn None Fired when a column is removed as a result of the user dragging it off the display. This only occurs when using the Remove DropBehavior
ColumnSubtitleChanged column as GraffitiKanbanColumn None Fired when the user changes the subtitle text of a column
ColumnTitleChanged column as GraffitiKanbanColumn None Fired when the user changes the subtitle text of a column
ItemAvatarPressed column as GraffitiKanbanColumn None Fired when the user clicks an item’s avatar image
ItemButtonPressed item as GraffitiKanbanItem None Fired when the user clicks the button of an item
ItemContentChanged item as GraffitiKanbanItem None Fired when the user edits the content of an item
ItemMoved item as GraffitiKanbanItem None Fired when an item is drag-moved by the user
fromColumn as GraffitiKanbanColumn
toColumn as GraffitiKanbanColumn
ItemRemoved item as GraffitiKanbanItem None Fired when an item is removed by user dragging it off the display. This only occurs when using the Remove DropBehavior
fromColumn as GraffitiKanbanColumn
ItemTitleChanged item as GraffitiKanbanItem None Fired when the user edits an item’s title
ItemValueChanges item as GraffitiKanbanItem None Fire when the user checks or unchecks the item’s checkbox
ListItemChanged onItem as GraffitiKanbanItem, item as GraffitiKanbanListItem None Fired when the user edits a list item on a GraffitiKanbanItem
ListItemPressed onItem as GraffitiKanbanItem, item as GraffitiKanbanListItem None Fired when the user clicks or taps on a list item

Methods #

Definition Parameters Return Type Description
AddColumn col as GraffitiKanbanColumn None Adds the specified column to display
AddItem col as GraffitiKanbanColumn None Adds the specified item to the specified column
item as GraffitiKanbanItem
AddListItem toItem as GraffitiKanbanItem None Adds the specified list item to the specified GraffitiKanbanItem
item as GraffitiKanbanListItem
AddMenuItem col as GraffitiKanbanColumn None Adds the specified menu item to the specified GraffitiKanbanColumn
item as GraffitiKanbanMenuItem
Column atIndex as Integer GraffitiKanbanColumn Returns the column object at the specified index
InsertColumn atIndex as Integer None Inserts col at the atIndex position
col as GraffitiKanbanColumn
InsertItem atIndex as Integer None Inserts item to onColumn at the index specified by atIndex
onColumn as GraffitiKanbanColumn
item as GraffitiKanbanItem
InsertListItem atIndex as Integer Inserts item in to the list items of onItem at the index specified by atIndex
onItem as GraffitiKanbanItem
item as GraffitiKanbanListItem
InsertMenuItem atIndex as Integer Inserts item in to the menu items of onColumn as the index specified by atIndex
onColumn as GraffitiKanbanColumn
item as GraffitiKanbanMenuItem
Item col as GraffitiKanbanColumn GraffitiKanbanItem Return the item at index on col
index as Integer
LastColumnIndex None Integer Returns the index of the final added column
LastItemIndex col as GraffitiKanbanColumn Integer Returns the index of the final added item on col
LastListItemIndex item as GraffitiKanbanItem Integer Returns the index of the final added list item on item
LastMenuItemIndex col as GraffitiKanbanColumn Integer Returns the index of the final added menu item on col
ListItem item as GraffitiKanbanItem GraffitiKanbanListItem Returns the GraffitiKanbanListItem at the specified index on item
index as Integer
MenuItem col as GraffitiKanbanColumn GraffitiKanbanMenuItem Returns the menu item specified by index from col
index as Integer
RemoveColumn col as GraffitiKanbanColumn None Removes the specified column from the component
RemoveItem col as GraffitiKanbanColumn None Removes the item specified from the passed column
item as GraffitiKanbanItem
RemoveListItem onItem as GraffitiKanbanItem None Removes item from the list items of onItem
item as GraffitiKanbanListItem
RemoveMenuItem col as GraffitiKanbanColumn None Remove item from col
item as GraffitiKanbanMenuItem
ScrollTo col as GraffitiKanbanColumn None Scrolls horizontally and vertically to the specified column
ScrollTo item as GraffitiKanbanItem None Scrolls horizontally and vertically to the specified column

Properties #

Name Type Default Value Description
ColumnDropBehavior DropBehaviors Revert How drag and drop operations which result in the column being dropped outside of a valid drop target are to be resolved
ColumnsWidthExtraLarge Integer 20 Percentage width of columns when the display width is greater than 1200 pixels
ColumnsWidthExtraSmall Integer 100 Percentage width of columns when the display width is less than 576 pixels. This will also result in the columns reordering to a vertical stack rather spanning horizontally across the display
ColumnsWidthLarge Integer 33 Percentage width of columns when the display width is greater than 992 pixels but less than 1200 pixels
ColumnsWidthMedium Integer 50 Percentage width of columns when the display width is greater than 768 pixels but less than 992 pixels
ColumnsWidthSmall Integer 50 Percentage width of columns when the display width is greater than 576 pixels but less than 768 pixels
DropBehavior DropBehaviors Revert How drag and drop operations which result in the item being dropped outside of a valid drop target are to be resolved

Examples #

This class currently has no examples.

Notes #

This class currently has no notes.</code>