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!
-
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
-
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.
-
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.
-
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
-
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.
-
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
-
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
-
-
Search Box
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.
-
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.
-
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.
