Profile cover photo
Profile photo


I have a few general questions for the CheckVist makers:

1. Do you get a user's task list as:
A. Nested data (with children tasks inside parents)
B. Flat data (like an array of task-objects)
C. both (nested data for building the DOM, flat data for editing and moving around tasks etc.)
If it's 'C' where do you keep your single source of state?

2. Do you use a "nested set" database? ( or do you only have one column for parent_id and one column for task dept?
If you do not use a nested set model, how do you calculate the dept of a tree?

3. If you make a task a child of another by pressing 'tab', do you get that one task back from the server again after sending it through Ajax? Or do you only update the DOM manually after sending the changed parent_id to the server?

Dear community.
I'm intrigued how CheckVist accomplished the following:
① edit task opens a textarea √
② pressing enter submits √
③ typing Japanese doesn't submit on the first enter key-stroke!!!

I understand 1 and 2, but how do they accomplish 3?
With a normal "text-input" I can accomplish this because enter is the default behaviour to submit the form, and the browser knows to not submit when typing Japanese.
But CheckVist did it with a textarea! A textarea needs a custom way to submit on enter, like a keystroke handler (on keydown or something), but it clashes with typing Japanese........

Does anyone know how they did it?

I wonder in what languages is CheckVist written?
I'd like to create something similar, and would like to know from where I should start learning!

I'm guessing raw JS, but do you use anything like jQuery? And what do you use to store the data?

What are you guys working on now? It's been so long ♥

How do I turn off the behaviour: If all subtasks are closed, close the parent task automatically.
↳ This doesn't work at all with the way I use CheckVist. As I only make my tasks lists from the 3rd level, and never want my level 2 and 1 nodes to be closed.

If we are a pro user, can you allow us to custom set the style when pressing buttons 1~9 ?

In the custom CSS style, how can I do the following?

3rd level node has style x IF it has no child nodes.

Post has attachment
I'm trying to remove the dotted line above the grey node. It's a node with a 'TAG' styling.
Please tell me what I am doing wrong. Here's my code:

span { font-family:Calibri;

.tag_社長コメント  .userContent {
  font-weight: 500; 
  color: grey;
  border-top: none !important;
.topLevel .tag.tag_社長コメント {
border-top:none !important;

.tag_社長コメント  .userContent:before {
  content: "社長コメント:";
  font-size: 14px;
  padding-right: 5px;
border-top:none !important;
ul.topLevel li.task {
  font-size: 20px;


ul.topLevel ul li.task {
  font-size: 16px;
padding-left: 10px;
ul.topLevel ul li.task span.editable {
border-top: 1px dotted;
border-top-color: darkgrey;

ul.topLevel ul li.task ul li.task {
  font-size: 14px;
padding-left: 30px;
ul.topLevel ul li.task ul li.task span.editable {

ul.topLevel ul li.task ul li.task ul li.task{
  font-size: 14px;
padding-left: 40px;
ul ul ul li {
.tag_b  .userContent {
  border-top: 2px solid;
border-bottom: 2px solid;
padding-top: 2px; // or 3px
padding-bottom: 2px; // or 3px

Post has attachment
Dear CheckVist,
I added some Apple-emoticons to my nodes, and ALL MY NODES HAVE BEEN RENAMED!!!
Look at this: 

How do I:

define different css styles for nested level x?
e.g. If my list is:

And I want to give all nodes of the (1) level the same style.

I know how to style everything with a certain tag. But how do I automatically style the nested nodes inside the node I give a tag?

IF I tag ① with 'important-task-tree' I want a certain style to be applied to all nested nodes: A, B, C, ... and also a certain style to be applied to  A(1), A(2), B(1), B(2) and so on.
Wait while more posts are being loaded