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.

 

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/

 

 

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.