The 2015.1 versions of our WPF, Silverlight, and WinRT/XAML controls were released a couple weeks ago and in today's post I'd like to highlight one of the great new controls that were introduced in that version: TaskBoard.
A task board consists of zero to many columns, each of which can contain zero to many cards. Columns and cards can be dragged and reordered, using pleasing animations. Let's see an example to give you a picture of how it all works.
In the demo below, we have a TaskBoard control that is being utilized for a task planning system, commonly used in project management to help organize the priorities of a team. The columns represent task groupings, and the cards represent individual tasks. Each column has a header and optional footer that surrounds the contained card items.
In this sample, each column header specifies the task grouping name and the column footer contains an "Add a task" button. The footer of the overall TaskBoard control contains an "Add a list" button, which shows at the end of the list of columns.
The entire UI of the task board can be fully customized. The cards can show any custom content as well, or can vary content based on data template selectors.
The TaskBoard control is designed for MVVM usage and makes it easy to fully alter the appearance of the entire layout with properties for column/card spacing, padding, corner radius, etc. Best of all, rich animations are used whenever dragging columns or cards.
TaskBoard also works great with touch input. Use it to create task planning systems on large touchscreen displays.
Let us know what you think after you try it!