WPF-Kanban

A WPF Control used to display Kanban boards with Columns, Swimlanes and Cards.

Description

This is a small .NET Framework ClassLibrary containing a WPF Control you may use to display a Kanban Board within your application.

Sample

Features

Columns

expand & collapse columns / limit card count per column / color-code columns / sub-columns

Swimlanes

expand & collapse lanes / color-code lanes / card count per lane

Cards

style your cards as you like / a simple pre-styled card: title (left & right), content, background, color tile, card size text, time counter, age counter

Blockers

display multiple blockers on cards

Model

load & save the board model (columns / lanes / etc) as JSON model

Sample Code

This the code used to create the sample above

<kanban:KanbanBoard Name="kanBoard"
                            Title="My Board"
                            ColumnPath="[Column]"
                            ItemsSource="{Binding Collection}"
                            CanCollapseSubcolumns="true"
                            SwimlanePath="[Lane]">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <kanban:KanbanCard Blockers="{Binding Blocker}"
                                       CardSize="{Binding Size}"
                                       CreationTime="{Binding CreationTime}"
                                       DescriptionText="{Binding Description}"
                                       ElapsedTimeUnits="All"
                                       LeftTitle="{Binding Number}"
                                       RightTitle="{Binding Assignee}"
                                       TileBrush="{Binding TileRgb, Converter={StaticResource convBrush}}"
                                       TileText="{Binding TileText}"
                                       WorkedMinutes="{Binding Duration}" />
                </DataTemplate>
            </ItemsControl.ItemTemplate>
            <kanban:KanbanBoard.Columns>
                <kanban:KanbanColumn Caption="Backlog"
                                     CardLimit="5"
                                     ColumnValue="Backlog"
                                     IsCollapsed="True"
                                     Color="Black" />
                <kanban:KanbanColumn Caption="Requested"
                                     CardLimit="4"
                                     ColumnValue="Requested"
                                     Color="Blue" />
                <kanban:KanbanColumn Caption="In progress"
                                     CardLimit="2"
                                     ColumnSpan="2"
                                     Color="Orange">
                    <kanban:KanbanColumn.Columns>
                        <kanban:KanbanColumn Caption="Design" CardLimit="1" ColumnValue="Design" />
                        <kanban:KanbanColumn Caption="Doing" ColumnSpan="2" ColumnValue="Doing" IsCollapsed="True" />
                    </kanban:KanbanColumn.Columns>
                </kanban:KanbanColumn>
                <kanban:KanbanColumn Caption="Done" ColumnValue="Done" Color="Green" />
                <kanban:KanbanColumn Caption="Archiv" ColumnValue="Archiv" IsCollapsed="True" />
            </kanban:KanbanBoard.Columns>
            <kanban:KanbanBoard.Swimlanes>
                <kanban:KanbanSwimlane Background="Aquamarine" Caption="Lane 1" LaneValue="lane1" />
                <kanban:KanbanSwimlane Background="AliceBlue" Caption="Lane 2" LaneValue="lane2" />
                <kanban:KanbanSwimlane Background="DarkGoldenrod"
                                       Caption="Lane 3"
                                       Foreground="White"
                                       IsCollapsed="True"
                                       LaneValue="lane3" />
            </kanban:KanbanBoard.Swimlanes>
        </kanban:KanbanBoard>

Projekt Sources

This projekt is Open-Source. The sources are published at this GitHub repo

https://github.com/KhaosCoders/wpf-kanban

Nuget Pakage

You can simply add this library to your application as nuget pakage

https://www.nuget.org/packages/WPF-Kanban/