Name: JavaScript/HTML 5 To Do List | DHTMLX To-do List Component
Rating: 4.8 (34 reviews)

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.

Download

Buy

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
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
Expanding/collapsing tasks and subtasks
Different modes of marking tasks completed
Calculating the number of completed subtasks
Estimating the percentage of the task completed
Data export to JSON
Readonly mode
Responsiveness
Touch support
Localization

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 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

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

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

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

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

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 Read License Agreement	Commercial Read License Agreement	Enterprise Read License Agreement	Ultimate Read License Agreement
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 Minor & major updates Bug fixes	Commercial Minor & major updates Bug fixes	Enterprise Minor & major updates Bug fixes	Ultimate Minor & major updates Bug fixes Emergency bug fixes
Support requests	Individual 10	Commercial 30	Enterprise 50	Ultimate
Response Time	Individual 72h	Commercial 48h	Enterprise 48h	Ultimate 24h