UI for ASP.NET Core

ASP.NET Core TaskBoard

  • Track work progress by managing and organizing tasks in workflows with the ASP.NET Core TaskBoard component.
  • Part of the Telerik UI for ASP.NET Core library along with 110+ professionally designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik UI for WinForms Ninja
  • Overview

    The Telerik UI for ASP.NET Core TaskBoard is a management component, designed to visually track work and its path towards completion. The component enables end users to quickly set up and customize workflows by managing tasks, notes, projects, people or other kinds of items. 

    Check out the ASP.NET Core TaskBoard Demo
    Telerik UI for ASP.NET Core TaskBoard Overview
  • Data Binding

    You can insert data into the TaskBoard by declaring all items within the HTML helper. However, you can also use the data-binding approach to local data (on the server) or remote data—through the DataSource configuration object. 
    Telerik UI for ASP.NET MVC Data Binding
  • Drag & Drop Support

    The TaskBoard supports drag-and-drop functionality, allowing users to easily select and reorder multiple task cards across lanes based on their progress and specific requirements.  
    Telerik UI for ASP.NET Core TaskBoard Drag & drop of card between lanes
  • Events and API

    The ASP.NET Core TaskBoard offers rich server- and client-side APIs and multiple events, enabling users to create custom functionality on top of the available built-in features. 

    Explore the ASP.NET Core TaskBoard Events in this demo
    Telerik UI for ASP.NET Core Events
  • Resources and Categorization

    Using colors is a quick way to make tasks stand out on the board. It helps users quickly identify the priority, type of work or an assignee as well as to group tasks for further reporting using the color criteria. 
    Telerik UI for ASP.NET Core TaskBoard Categorization
  • Editing

    The TaskBoard component comes with built-in support for column and card editing, allowing you to perform multiple editing operations (Create, Update, Destroy) and manipulate its tasks’ underlying data. 

    See the ASP.NET Core TaskBoard Editing demo
    TaskBoard Expanded Card
  • 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 

  • Users can search for specific cards within the TaskBoard by utilizing its search box. Under the hood, the Search panel uses filtering to show the relevant records. 
    Telerik UI for ASP.NET Core TaskBoard Search Box
  • Templates

    The Telerik UI for ASP.NET Core TaskBoard component offers flexible templating options to match the look and feel of your application—render anything from plain text to images, icons and formatted multi-line descriptions.

    Check out the TaskBoard Templates
  • HTML and Tag Helpers

    The TaskBoard offers two options for declaring UI components: through HTML or Tag Helpers. You can choose which approach to use based on your preference or development practice. Both HTML and Tag helpers allow you to lay out the component and its configuration with a simple and easy-to-read HTML-like or Razor syntax. 
  • Taskboard Theming

    The TaskBoard component comes with 20+ built-in themes such as Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which resembles the Bootstrap styling to integrate better) and Fluent (based on Microsoft Fluent UI). You can easily customize any of the available themes with a few lines of CSS or create a new theme to match your colors and branding with the Telerik SASS ThemeBuilder application. 

  • RTL Support

    Right-to-left support is available for languages like Hebrew and 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 MVC RTL Support
  • Keyboard Navigation

    The TaskBoard is made to be accessible for all users and supports Keyboard Navigation. Refer to the demo page for detailed information on how to navigate inside the component with the intuitive keyboard shortcuts. 
    Telerik UI for ASP.NET MVC Keyboard navigation

All ASP.NET Core Components

Next Steps