Warning: Undefined variable $filepath in /home/tiki-doc/public_html/lib/wiki-plugins/wikiplugin_tikidocfromcode.php on line 146

Warning: Undefined variable $basepath in /home/tiki-doc/public_html/lib/wiki-plugins/wikiplugin_img.php on line 953

Warning: Undefined variable $basepath in /home/tiki-doc/public_html/lib/wiki-plugins/wikiplugin_img.php on line 953

Warning: Undefined variable $basepath in /home/tiki-doc/public_html/lib/wiki-plugins/wikiplugin_img.php on line 953

Warning: Undefined variable $basepath in /home/tiki-doc/public_html/lib/wiki-plugins/wikiplugin_img.php on line 953
PluginKanban | Documentation for Tiki Wiki CMS Groupware
Loading...
 
Skip to main content

History: PluginKanban

Preview of version: 35

PluginKanban

New in Tiki25 (work was done for Tiki24 but it wasn't ready). Use this wiki plugin to move tracker items with drag & drop capabilities in Trello-like boards.

"A kanban board is one of the tools that can be used to implement Kanban to manage work at a personal or organizational level.

Kanban boards visually depict work at various stages of a process using cards to represent work items and columns to represent each stage of the process. Cards are moved from left to right to show progress and to help coordinate teams performing the work. A kanban board may be divided into horizontal "swimlanes" representing different kinds of work or different teams performing the work." Source: https://en.wikipedia.org/wiki/Kanban_board

Components of a Kanban board

  • Columns: The columns represent the different stages of the workflow. For example, a Kanban board might have columns for "Backlog", "To Do", "In Progress", and "Done"

  • Cards: The cards represent individual work items. Each card should contain information about the work item, such as the title, description, priority, and due date.

  • Swimlanes: Swimlanes are used to group cards together. For example, a Kanban board for a software development team might have lanes for different types of work items, such as "Bugs", "Features", and "Maintenance".

  • WIP limits: WIP limits are used to control the amount of work that is in progress at any given time. This helps to ensure that work is completed in a timely manner.


Here is a demo: https://kanban.dev4.evoludata.com/

Manual Setup

Settings requirement

It requires following preference settings to work:

  • API access enabled (Security > API access),
  • Enable Vue.js (Features > Interface > Enable Vue.js)
  • Always Load Vue.js (Features > Interface > Always Load Vue.js),


In the Tiki admin Control Panel, search for "vuejs".
By default mysql search won't find "vue" or "vue.js" (mysql ft_min_word_len default is greater than 3 char, see mysql documentation).

Feature requirements

You will also need to set or use an existing tracker to store the cards (items) of your Kanban board with a few fields required for the board to be generated. Note that those fields should be public and searchable (tracker edit Fields list) and don't forget to rebuild-index after changes.

The column parameter

The column parameter is looking for numerical values. If you use a dropdown with text values only it won't populate the items unless you fill the "Column acceptable values and configuration" parameter. Alternatively, you can use numerical value and text label in the dropdown field options that will be used as your "Column". IE: 0=Not done,1=Done,2=Need improvement.''

Filtering items displayed

The Kanban plugin items can be filtered using the same filters as the plugin List family. (see: PluginList filter control block )

Parameters

Tiki Doc From Code error: kanban not found


To filter cards on the board (beyond swimlaneValues and columnValues), you can use the filter control block (https://doc.tiki.org/PluginList-filter-control-block), which will filter the items in the tracker. It is important to note that if you do, there is no guarantee that newly created items from the board (their default values may filter them out).

Examples

Example 1


As of 2023-03-13, doc.tiki.org is set up for Kanban style management of its own documentation. The example is here: https://doc.tiki.org/DocsTodoKanbanByPriority

Example 2

Here is the Step by step PluginKanban setup example.

Step 1 : Tracker setup

Setup a tracker to store the cards (items) of your Kanban board. Copy the below Profile/YAML code to import the tracker

Copy to clipboard
permissions: { } preferences: { } objects: - type: tracker ref: kanban_tasks data: name: 'Kanban Tasks' description: "{syntax type=tiki}\r\n{syntax type=tiki}\r\nTo test the new Kanban plugin" sort_default_order: desc show: - list_modification_date - type: tracker_field ref: kanban_tasks_ktaskName data: name: Name permname: ktaskName tracker: '$profileobject:kanban_tasks$' options: samerow: 1 autocomplete: 'n' exact: 'n' type: text_field order: 10 visby: { } editby: { } flags: - list - public - mandatory - type: tracker_field ref: kanban_tasks_ktaskDescription data: name: Description permname: ktaskDescription tracker: '$profileobject:kanban_tasks$' options: samerow: 1 distinct: 'n' wysiwyg: 'n' type: text_area order: 20 visby: { } editby: { } flags: - public - type: tracker_field ref: kanban_tasks_ktaskSwimlane data: name: Swimlane permname: ktaskSwimlane tracker: '$profileobject:kanban_tasks$' options: options: - top=Crawl - middle=Butterfly - bottom=Backstroke type: dropdown order: 40 description: 'Also row' visby: { } editby: { } flags: - list - public - type: tracker_field ref: kanban_tasks_ktaskPriority data: name: Priority permname: ktaskPriority tracker: '$profileobject:kanban_tasks$' options: samerow: 1 dec_point: . thousands: ',' type: numeric order: 50 visby: { } editby: { } flags: - list - public - type: tracker_field ref: kanban_tasks_ktaskColumn data: name: Column permname: ktaskColumn tracker: '$profileobject:kanban_tasks$' options: options: - wish=Wishes - prending=Pending - open=Open - done=Done type: dropdown order: 60 visby: { } editby: { } flags: - list - public - type: tracker_option ref: kanban_tasks_sort_default_field data: tracker: '$profileobject:kanban_tasks$' name: sort_default_field value: modification


Once the YAML code above copied, in your tiki instance, go to Trackers -> Import -> Import From Profile/YAML -> paste the above YAML code, then Import

Tiki Kanban Import Tracker Profile

After importing Tracker from Profile/YAML, you should have a tracker with all necessary fields as shown below:

Tiki New Screenshot Kanbantasks Tracker

Step 2 : Use PluginKanban in your Wiki page

Copy the below code into your wiki page (replacing the boardTrackerId in the code below from 11 to the number of your Kanban tracker number in your tiki site).

Copy to clipboard
{KANBAN(boardTrackerId="11" title="ktaskName" description="ktaskDescription" column="ktaskColumn" columnValues="wish,Ready,10:prending,Pending,5:open:done" order="ktaskPriority" swimlane="ktaskSwimlane" swimlaneValues=",Unsorted cards")}{KANBAN}


i.e. PluginKanban uses permanent names of tracker fields as parameter value.

Tiki Kanban Perms Name

The result should be as shown below:

Tiki Kanban Result

Step 3 : Usage

Aliases

Plugin Kanban | Kanban

Related

History

Information Version
Marc Laporte 36
Bruno Kambere 35
Xavier de Pedro 34
Bruno Kambere 33
Bernard Sfez / Tiki Specialist Improve the doc for manual setup 32
Benoit Grégoire 31
Bernard Sfez / Tiki Specialist Added missing information about Column string tyoe (need to be numerical) 30
Bernard Sfez / Tiki Specialist 29
Bernard Sfez / Tiki Specialist Added information to ease the initial setup 28
Aris Bernotas working Kanban board for tiki documentation moved to its own wiki page 27
Aris Bernotas 26
Aris Bernotas restore swapped fields. and added screenshot how plugin kanban should look when you use a kanban profile for tiki profiles. 25
Aris Bernotas swapped order and column fields. It should work now? 24
Bernard Sfez / Tiki Specialist 23
Bernard Sfez / Tiki Specialist 22
Bernard Sfez / Tiki Specialist 21
Bernard Sfez / Tiki Specialist 20
Bernard Sfez / Tiki Specialist 19
Bernard Sfez / Tiki Specialist 18
Marc Laporte 17
Marc Laporte 16
Marc Laporte 15
Marc Laporte 14
Marc Laporte 13
Marc Laporte 12
Marc Laporte 11
Marc Laporte Copied some notes from Benoit, in chat log 10
Carsten Aevermann 9
Carsten Aevermann 8
Carsten Aevermann 7
Xavier de Pedro 6
Xavier de Pedro 5
Xavier de Pedro 4
Marc Laporte 3
Marc Laporte 2
Marc Laporte 1
Show PHP error messages