< 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 manage and prioritize your tasks. Hook the component up to DHTMLX Gantt
and allow users to quickly organize their business processes in a simple and intuitive way.

Live Demo

Key Features of DHTMLX JavaScript To Do List

Assigning participants

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.

Configuring due dates

DHTMLX allows specifying a due date for a task. By default, the due date has green color that switches to grey 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 short or full name of the day, displaying month as a number, etc.

Using tags

With our To Do List, users may add any number of hashtags to categorize tasks and make it easier to find them. Users can create new hastags by entering # and at least one symbol. Having entered the # symbol, users can view the list of all created tags as well as click the necessary tag to add it to the task.

Setting task behavior

You can set the most convenient mode of marking tasks completed. By default, if a user marks all children tasks as completed, the parent task automatically becomes checked. You may activate a different mode that allows users to check all tasks manually.

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 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
  • Estimating the percentage of the task completed
  • Hiding/showing completed tasks
  • Data export to JSON
  • Readonly mode
  • Responsiveness
  • Touch support
  • Localization

Sync To Do List with Other DHTMLX Libraries and UI Widgets

Create a comprehensive Agile project management tool by syncing To Do List with Gantt chart, Scheduler, and Kanban board.

Why Choose DHTMLX JavaScript To Do List Component?

Multi-featured to do list in JavaScript
Multi-featured to do list in JavaScript
With the DHTMLX check list, you can create a perfect structure for your JavaScript projects. All your 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
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 chart library
Smooth integration with DHTMLX Gantt chart library
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 applications. Having added our simple to do list JavaScript widget, you illustrate the activities that have to be done alongside any important milestones. Thereby, the successful delivery of your project will be much easier and time-efficient.
Support for touch devices
Support for touch devices
DHTMLX To Do List works smoothly on touch screen 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.

Benefits of Building JavaScript To Do List with DHTMLX

gantt chart web development
For Developers
Written in pure JavaScript and dependency-free
Synchronization with top-class DHTMLX Gantt chart
Comprehensive and user-friendly JavaScript API
Wide customization options
Short learning curve accompanied by robust documentation and clear code examples
gantt chart web development
For Project Managers
Ensuring strong data security since you have no need to share data with third-party services
Ability to combine most demanded software tools for effective project management
Technical expertise in building project management apps
Transparent licensing policy

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

Bundle Offers

Get more tools at the best price for building full-featured apps faster.

to do list html5

Try Our JavaScript To Do List for Free

Download an evaluation version of DHTMLX To Do List, test all the brand new features, and benefit from:

Access to a free 30-day trial version

Official technical support

Technical guides and samples

Other DHTMLX Products

Need help with To Do List integration into your app? Contact us

Send
a Question