<
Check Out To Do List 1.2 Release with Task Priority, Synchronized Work of Many Users, and New Grid View Demo

DHTMLX JavaScript
To Do List for Effective Task Management

Use a to do list in JavaScript/HTML 5 to build an app for effective task management and let users organize their business processes in a simple way.

Test DHTMLX JavaScript To Do List Demo

Open a demo on desktop
Web developers worldwide have chosen the DHTMLX To Do List for building flexible task management tools with minimum time and effort.

Key Features of DHTMLX JavaScript To Do List

Rich JavaScript API
Flexible configuration
Integration with DHTMLX Gantt, Kanban, and Scheduler
Drag-n-drop support
Multiselection
Convenient keyboard navigation
Adding new projects and switching between them
Creating an outliner by adding an infinite number of tasks with subtasks
Working with tags
Assigning/unassigning participants
Adding due dates in the required format
Inline editing
Searching for tasks
Sorting tasks by priority, due date, text, creation date, completion date, and date of editing
Expanding/collapsing tasks and subtasks
Different modes of marking tasks completed
Calculating the number of completed subtasks
Hiding/showing completed tasks
Responsiveness
Touch support

Improve User Experience with DHTMLX To Do List

Flexible configuration
Handy task management
Implementing multi-user backend
With DHTMLX To Do List, you can integrate a multi-user backend into your app to simplify collaboration between end-users. This feature allows managing simultaneously the same tasks in the list and keeping track of any changes via the UI in real-time without page reloading.
Setting task behavior
You can set the most convenient mode of marking tasks completed. By default, if an end-user marks all children tasks as completed, the parent task automatically becomes checked. You may activate a different mode enabling end-users to manually check all tasks.
Configuring due dates
DHTMLX allows specifying a due date for a task. By default, the due date has a green color that switches to gray when the task mark is complete. However, the due date turns red when the task is overdue. You can also configure the date format by adding a short or full name of the day, displaying a month as a number, etc.
Assigning participants
End-users can add a participant (or more) to those tasks that require an action by a particular team member. To assign participants, they have to open a task menu, hover over Assign to and select necessary users from the dropdown. It’s also possible to unassign task participants by unselecting them from the dropdown list.
Prioritizing tasks
DHTMLX To Do List allows end-users to organize tasks by order of their importance and set a priority level via a task context menu or keyboard shortcuts. The default priority values include 4 options, such as No Priority, Low, Medium, and High. Moreover, you can create your own list of priority levels as well as add custom hotkeys.
Using tags
With our To Do List, end-users may add any number of hashtags to categorize tasks and make it easier to find them. They can create a new hashtag by entering # and at least one symbol. Having entered the # symbol, end-users can view the list of all created tags as well as click the necessary tag to add it to the task.

Why Choose DHTMLX JavaScript To Do List Component?

Multi-featured to do list in JavaScript
With the DHTMLX check list, you can create a perfect structure for your JavaScript projects. All tasks will be available in one single scrollable list. You can click a corresponding checkbox to complete the task. Our checklists support nested items, meaning each of them can contain several subitems. You can assign a participant, set due dates, add tags, and filter items by the specified criteria.
Rich customization options
Do you need to apply brand colors to your task list? No problem! DHTMLX to do list component has a rich API so it’s simple to customize to fit your project requirements. The look and feel of the whole HTML5/JavaScript to do list is fully modifiable. You can set a desired format to the due date, configure the toolbar appearance, as well as apply custom colors to any element.
Smooth integration with DHTMLX Gantt
You can combine the DHTMLX checklist component with our first-class Gantt chart JS library. DHTMLX Gantt is a multifunctional and high-performance solution for project management and resource-tracking apps. Having added our simple to do list JavaScript widget, you illustrate the activities that have to be done alongside any important milestones.
Support for touch devices
DHTMLX To Do List works smoothly on touchscreen devices. Users are free to create a responsive checklist with an unlimited number of projects and tasks, set due dates, assign participants, filter tasks by the criteria you defined, and more.
Get started for free
Download the DHTMLX To Do List trial version and test it completely free of charge for 30 days taking advantage of our email technical support.

DHTMLX To Do List Pricing

Individual Commercial Enterprise Ultimate
License Terms
Individual
Commercial
Enterprise
Ultimate
Developers
Individual
1
Commercial
5
Enterprise
20
Ultimate
Projects
Individual
1
Commercial
1
Enterprise
5
Ultimate
Use in SaaS (unlimited end-users)
Individual
Commercial
Enterprise
Ultimate
Perpetual distribution rights
Individual
Commercial
Enterprise
Ultimate
Support Plan
Individual
Standard Support
Commercial
Premium Support
Enterprise
Premium Support
Ultimate
Ultimate Support
Time Period
Individual
1 year
Commercial
1 year
Enterprise
1 year
Ultimate
1 year
Updates
Individual
Major, minor, and maintenance updates
Commercial
Major, minor, and maintenance updates
Enterprise
Major, minor, and maintenance updates
Ultimate
Major, minor, and maintenance updates
Priority queue for bug fixing
Support requests
Individual
10
Commercial
30
Enterprise
50
Ultimate
Response Time
Individual
72h
Commercial
48h
Enterprise
48h
Ultimate
24h
Personal Account Manager
Individual
Commercial
Enterprise
Ultimate
Documentation
Use documentation
We try our best to keep the documentation clear and up-to-date, providing API references and technical guides so that you can easily initialize, configure, and customize the check list component.
Samples
Check code snippets
We suggest you explore every available To Do List feature, experiment with the JS and HTML code, and share the results with your team or our support specialists using online code samples.
Free trial
Get a 30-day free trial
You can download the DHTMLX To Do List free trial package and evaluate all the latest features and updates released along with official technical support. No credit card is required.
Official tech support
Learn about tech support
The DHTMLX team supports each and every product user. Here you can find out how to obtain technical assistance for trial users and owners of proprietary licenses.
Blog
Browse DHTMLX blog
Our blog is a comprehensive resource where you can access all the latest To Do List release articles with detailed feature descriptions, helpful tips, and posts with other DHTMLX updates and offerings.
Community forum
Learn from others
By using our forum, you gain access to tons of knowledge shared by fellow developers experienced with JavaScript To Do List and other DHTMLX widgets. Our technical support team also monitors topics and answers common questions.

Sync To Do List with Other DHTMLX Libraries and UI Widgets

To Do List with Gantt
To Do List with Scheduler
To Do List with Kanban
Here you can see an example of combining To Do List tasks with DHTMLX Gantt.
Here you can see an example of combining To Do List tasks with DHTMLX Scheduler.
Here you can see an example of combining To Do List tasks with DHTMLX Kanban.