💝 Sponsor this project on Github or ☕ Get me a coffee if you like this plugin!

New

Use /Kanban (DND) if you want to create a Kanban board with drag and drop functionality. When you drag and drop, the blocks are automatically updated. I am still considering merging the functions below but am concerned about breaking people's graphs.

Overview

Draw kanban board based on your blocks. Type /Kanban to start. Images, linkes, block references, etc. are supported. There are 3 ways to do so:

Normal

Use your parent blocks as headers. For example, the below blocks will give you 3 columns in your kanban respectively: Column 1, Column 2, Column 3

- {{renderer :kanban_651a3832-a06f-4dee-8c77-bc15908765e8}}
 - data
  - Column 1
   - The quick brown fox
  - Column 2
   - Jumped over
  - Column 3
   - The lazy dog

Normal with Queries

Use your parent blocks as headers, and use /query function as child blocks. Advanced queries may not work.

- {{renderer :kanban_651ae900-af3c-4bef-973a-77731a060b29}}
 - query
  - Column 1
   - {{query [[Cards for Column 1]]}}
  - Column 2
   - {{query [[Cards for Column 2]]}}

Tasks

Use tasks to populate the Kanban board.

- {{renderer :kanban_651a3832-a06f-4dee-8c77-bc15908765e8}}
 - tasks
  - TODO The quick brown fox
  - DOING Jumped over
  - DONE The lazy dog

Query Tasks

Use simple queries to populate the Kanban board. Use the /query function. Advanced queries may not work.

- {{renderer :kanban_651a3832-a06f-4dee-8c77-bc15908765e8}}
 - query-tasks
  - {{query (task DOING DONE TODO)}}

Adjust card or board width

You can adjust the widths of the board or cards using the parameters:

• card-
• board-

- {{renderer :kanban_651a3832-a06f-4dee-8c77-bc15908765e8}}
- data card-300 board-1000
- Column 1
- The quick brown fox
- Column 2
- Jumped over
- Column 3
- The lazy dog

Credits

react-kanban by asseinfo