background

UI for ASP.NET MVC

ASP.NET MVC TaskBoard

  • The Telerik UI for ASP.NET MVC TaskBoard component enables users to track work by organizing tasks in stage-based workflows like “in progress,” “finished” and “upcoming.”
  • Part of the Telerik UI for ASP.NET MVC library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms and more!
Telerik UI for ASP.NET MVC Suite
  • Overview

    The Telerik UI for ASP.NET MVC TaskBoard is a task management component (a.k.a. Kanban Board or Agile Board), designed to visually track work and its path towards completion. The component enables end users to quickly set up and customize workflows to organize tasks that are in progress, pending approval, finished or upcoming.   

     
    Telerik UI for ASP.NET MVC TaskBoard Overview
  • Data Binding

    The TaskBoard component can be bound both to local and remote data sources. Local binding is appropriate for smaller datasets while remote binding is more useful for large volume datasets. 
    Telerik UI for ASP.NET Core Data Binding
  • Events

    You can create custom functionality on top of the built-in features by exposing the rich server- and client-side API and available events within the ASP.NET MVC TaskBoard. 

    Telerik UI for ASP.NET Core Events
  • Resources and Categorization

    Color-coding is a quick way to make tasks stand out on the board. It helps users to quickly identify the priority, type of work or the assignee as well as to group tasks for further reporting using the color criteria. 
    Telerik UI for ASP.NET MVC TaskBoard Categorization
  • Drag and Drop Support

    The drag and drop feature of the ASP.NET MVC TaskBoard allows users to easily select and reorder multiple task cards across lanes based on their current progress and specific requirements.  
    Telerik UI for ASP.NET MVC TaskBoard Drag and Drop of Card Between Lanes
  • Editing

    The Telerik UI for ASP.NET MVC TaskBoard component comes with built-in support for column and card editing, allowing you to perform CRUD (create, read, update and delete) operations and manipulate its tasks’ underlying data. 
  • Validation

    The TaskBoard can be validated in its entirety through events. This ensures that you can implement custom validation logic and different actions such as: 

    • Tasks with status "Done" are read-only and cannot be moved to other columns

    • Only tasks "In Progress" can be moved to "Done"

    • The maximum number of tasks "In Progress" is four 

     
  • The Search panel feature enables users to search for specific cards within the Telerik UI for ASP.NET MVC TaskBoard control. Under the hood, the Search panel uses filtering to show the relevant records. 
    Telerik UI for ASP.NET MVC TaskBoard Search
  • Templates

    You can further customize the content within the TaskBoard by using the available templating options—render anything from plain text to images and icons to formatted multi-line descriptions. 

     
    Telerik UI for ASP.NET MVC TaskBoard Overview
  • RTL Support

    Right-to-left support is available for languages like Hebrew & Arabic, in which users read from right to left. You can satisfy any cultural preference with the TaskBoard by toggling between left-to-right and right-to-left alignment with only a few settings. 
    Telerik UI for ASP.NET Core RTL Support
  • Keyboard Navigation

    The ASP.NET MVC TaskBoard supports several key bindings to make navigation between cards smoother. By pressing the arrow keys to move around, Enter to select a card and Delete to erase it, you can do pretty much anything without the need of a mouse. 
    Telerik UI for ASP.NET Core Keyboard navigation
  • TaskBoard Theming

    The TaskBoard component has several built-in themes, such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which looks like the Bootstrap styling) and Fluent (based on Microsoft Fluent UI). You can easily customize any out-of-the-box theme with a few lines of CSS or create a new one to match your colors and branding by using the Telerik SASS ThemeBuilder application. 

All ASP.NET MVC Components

Next Steps