Getting started

Get a working TTMSFNCKanbanBoard on screen in five minutes.

Add the component to a form

• Design-time
• Runtime

1. Search for TTMSFNCKanbanBoard in the Tool Palette.
2. Drag it onto your form.

The board drops with sample columns and items already loaded.

Add columns and items

var
  col: TTMSFNCKanbanBoardColumn;
  item: TTMSFNCKanbanBoardItem;
begin
  Board1.Columns.Clear;

  col := Board1.Columns.Add;
  col.Header.Text := 'To Do';

  item := col.Items.Add;
  item.Title := 'Design review';
  item.Text := 'Review the new UI mockups';

  item := col.Items.Add;
  item.Title := 'Write tests';
  item.Text := 'Unit tests for the auth module';

  col := Board1.Columns.Add;
  col.Header.Text := 'In Progress';

  item := col.Items.Add;
  item.Title := 'API integration';
  item.Text := 'Connect frontend to REST endpoints';
end;

Respond to item selection

procedure TForm1.Board1SelectItem(Sender: TObject;
  AItem: TTMSFNCKanbanBoardItem);
begin
  if Assigned(AItem) then
    ShowMessage('Selected: ' + AItem.Title);
end;

Where to next

• Columns — column setup, filter, and sorting.
• Items — item properties, marks, and HTML templates.
• Appearance — colors, fonts, and layout.
• Interaction — drag-and-drop, editing, and multi-select.