I could remember wrong but I think someone posted it in the Share & Showcase category? If not, you should definitely post there when youāre done!
@senthil - Did you end up writing a userscript to hide or fade the bullets for checklists? If so, would you be willing to share it? Iād love to use it.
It looks so cluttered to have both bullets and checkboxes for the same item ā and it also makes no sense. Itās redundant. With paper to-do lists, who draws a bullet point in front of a checkbox? Iām willing to bet very few people do. The checkbox IS a form of bullet.
Itās been like this for a long time and youāre actually the first person to propose this.
I understand the costs of changing something that your users have gotten accustomed to and that you have linked to features/actions, but ^this^ is not a good reason for persisting with a design that was not ideal in the first place. The potential issues you mentioned (e.g. the bullet point is for drag and drop, and can optionally be clicked on to zoom) are not tied to a bullet per se, and can be solved with an alternative.
Check out bullets/checkboxes in Bear and Taskade ā the list is much easier to scan and digest when itās visually cleaner. Bear also does a great job of mixing checklists and bullets (i.e. āchildrenā of a checkbox item can be bullets, and are not prescriptively limited to also being checkboxes).
This is one of the top issues i have with Dynalist - itās extremely cluttered with all the extra bullet points. Makes it hard to scan quickly and therefore harder to use.
I also share the sale feeling with check-box and bullet, I would also prefer to have either bullet or a check box for tasks (at same location than the bullet).
Maybe you could do it yourself with Custom CSS?
I donāt know how to identify items with checkboxes but I use Custom CSS someone on the forums wrote to customize my bullets somewhat because I didnāt like the default ones
.Node-self.is-collapsed.is-parent > .Node-bullet:before
{
content: "\e90c";
}
.AppContainer:not(.is-using-bullet-to-zoom) .Node-self.is-parent.is-collapsed.is-hovering > .Node-bullet:before
{
content: "\e90c";
}
.AppContainer:not(.is-using-bullet-to-zoom) .Node-self.is-parent.is-hovering > .Node-bullet:before
{
content: "\e90c";
}
Is there any update on this? I would love to see only checkboxes instead of bullets in checklists
+1
I stand by my earlier comment in this thread.
I feel the same way. Google Tasks looked very clean with only check boxes. The suggestion of fading the bullet when the list is turned into a check list seems good.
+1 from me
Here you go. Get yourselves a pro account and paste in the Custom CSS box.
/* dont render bullet if checkbox exists */
.Node-outer > .Node.is-checklist >
.Node-self > .Node-bullet {
display: none;
}
Nice. Thanks George.
Iām curious how do you zoom or drag and drop after using this custom CSS. Iām guessing youāre using shortcuts to accomplish those tasks?
uh i never zoom a checkbox since theyāre never parents. Itās my philosophy that all checkbox items ought to be managable bite size actions and so theyāre never parents.
and I donāt drag and drop. I use move hotkey, I use ummmm that hotkey that lets items move up and down the list, and i indent/outdent items.
Ok, got it.
Having an intuitive way to zoom in is our biggest obstacle to add this. I agree with everyone here that itās ugly, but zoom is important to Dynalist and I donāt want to assume other peopleās checkbox items donāt have children too.
Glad to hear everyoneās genius ideas. Weāve considered double click, middle click, or control click, but they are all too hidden for such a core interaction
my css solved it imo
i agree the no-css version should have all the stuff a noobie could intuit. Having CSS options for picky users like me is perfect.
Took a cue from @Michael_Potterās idea and made a mockup.
I have to admit this is not an easy or quick to implement solution. People may also confuse the ā+ā for zooming with the existing ā+ā and ā-ā buttons for expand and collapse.
i like existing ui
concepts kind of ugly, because its confusing then a symbol is used sometimes and not other times without meaning anything different
Thanks for sharing the code. Makes it beautiful!
I agree with @Michael_Potter, but with modifications. I canāt comment on color but checkboxes should replace bullets, it should be the default behavior, and there shouldnāt be an option to change it. Either bullet or checkbox, but not both at the same time.
For me that did not work.
Had to add this instead:
/* make bullets invisible if checkbox exists */
.Node.has-checkbox .Node-bullet {
opacity: 1% !important;
}
This way, just the bullet becomes invisible and all the fuctionality remains working.
ā¦ or you just toggle the view and use Article view for these docs.