The line could be specified to go above or below the bulletpoint
Javascript would have to modify the CSS height of that bulletpoint though
2. Customized CSS per tag designation
Thereâs a add on external feature in workflowy where you could assign a tag on the parent bulletpoint, and all childpoint / their childbulletpoints would get a customized CSS feel.
This is really handy if you really wanted to focus in on one area only in your document without using zoom functions (its very similar to the dynalist âOn-Focusâ css node-outter thing we discussed about before.
Workflowy, its called the âWorkflowy Painterâ and âWorkflowy Colorful tagsâ and a user here modified the script to change parent / child behavior:
Itâs unnatural to think that separator is somehow merged with content. I want the ability to move it in space easily like any other item. With next version whole node (.Node-outer) with separator inside will have additional css class and you will be able to globally (with css in Stylish) remove bullets, change height or whatever else you want and still be able to move it freely.
Iâm currently working with sorting, after that I want to implement counting words etc, after that I will merge other scripts with powerpack (highlighting, focus, bookmarks+files in one pane) and then we will see
@Vincent_Tang you can now use css to remove bullets and/or change height of node with separator, this looks ok with default theme: .separator { height: 20px; margin-top: -7px; margin-left: -25px; } .separator .Node-bullet { display: none; }
I didnât knew that you want to separate things on different levels and have children of separator itself you should use sth like that with this case .separator > .Node > .Node-self .Node-content { height: 10px; margin-left: 21px; margin-top: -5px; } .separator > .Node > .Node-self .Node-bullet { display: none; } .separator > .Node > .Node-children { margin-top: -10px; }
if itâs still buggy for you than you should use only display:none; for bullet and have default height, sorry
I meant that I wanted to have the original node-content on that still be visible
Like the word âQwertyâ to appear on its own bulletpoint (still visible) with the line on top of it (with no bulletpoint)
It would have to be a rewrite of the tamperscript though, since its canât be purely down with CSS
Donât worry about it though Iâll figure it out later
other questions about autosort
By the way is it possible to have this feature in the sort?
Iâd really love to sort things by âlast-modified dateâ or âbulletpoint creation dateâ on the first level child nodes where the sort function is at
E.G (it doesnât do sort by metadate currently)
The numbers here are referring to the exact order in which I created (and also) latest updated bulletpoint. Like Bulletpoint 1 was created first, then bulletpoint 2 was created next, etc
this would be good because sometimes I add bulletpoints straight from the top of the list or sometimes at the bottom, depending on how big it was originally
It would be good for sorting out tasks - inbox by the order you created them, etc.
Sometimes I forget to use the â!â date function as well so this would be really neat
I highly doubt you can do this without the dynalist API since when i inspected the source I didnât see anywhere to grab metadate
Adding onto this a way to automatically STAMP the top level child bulletpoints in a list using the â!â parameter. Based on either the bulletpoints âlast modified dateâ or âcreation dateâ. But its not possible without dynalist API though no easy way to grab metadate info.
Also, for people who do task management using CTRL+ENTER, having another way to STAMP when an item is checked off
EDIT
sorry you could actually get this information already:
Specify a tag on parent, give all child + their children nodes a different CSS feel, for default white theme like a really light green background, light pink, etc . LIKE: rgb(x,y,z) where x, y, z are all values from 240 to 255. Example color pallette:
This wouldnât work for dark theme however, something like this might be better for dark theme: rgb(x,y,z) where x,y,z is values from 0 to 50
I think to keep it simple, use the color hex code so the user can specify whatever color they want as the tag. e.g. #000000 for black. But when its specified to be used, use ##000000 to specify black color. And maybe some premade colors like ##lightgreen for default white theme, or ##darkgreen for dark theme.
this way a user can just type in ## and see what color options they used already since its also a tag.
Example, so users can search for areas where they applied said color theme or use whatever colors they had before
Yes, I thought you didnât want to see bullet and also wanted it to take less space, but if you want those borders on top/down then you will need to do some serious rewrite.
I can actually, and itâs easy Possibly tomorrow, today I may have no time.
I donât know if I can mess with calendar, I tried before with something else and it failed, will see
However I noticed something else. Dynalist records only by minutes at most, so if there are 2 bulletpoints created at the same time, the order doesnât change (at least if you sort by ascending)
Which is why 5 is still above 4
Test for sort by edited date works fine too
By the way, all of these sort functions are only based on the top level childpoints in the list right? (no childs of childs are sorted)
also I thought of another good feature related to sorting: what if you wanted to have two different sorts? (so you can visualize data in different ways?) E.G.
Iâm taking timestamp directly from DYNALIST javascript object, so at least in theory it is down to a second. I tested it and it works fine for me, both ways ÂŻ_(ă)_/ÂŻ Maybe you are too fast
yes, children are not affected in any way
itâs as simple as changing few characters in tag, this script is right now hard to maintain and thereâs still many things to do
Iâm getting a weird glitch where any sorting method I use (color, created, etc.) automatically defaults to sort by alpha or number in ascending order. Seems to be working fine for @Vincent_Tang so not sure what Iâm doing wrong here. Using TamperMonkey on Chrome in Windows.
Are you using this syntax #[sort|by:color|order:desc]? Look at the âby:â and âorder:â part, without those prefixes it doesnât know what you want and defaults to alpha with ascending order.
Yes, if I copy and paste exactly what you listed above, I get this (showing notes so you can see what I input):
UPDATE: I figured this out. The syntax needs to be in the actual line item, Iâve been putting it in the note. Never mind. Apologies for the confusion.
Oh, I see yeah, rendering under item can be confusing
this is my document for tests, if someone else have some troubles (you need to copy it to your DL first, button for that is on the top left corner) https://dynalist.io/d/3vO_Sdo9KRUQO_ZSTN7OfcUL
Thanks for all this Piotr, really great work (the sorting is especially useful for me as this is one thing I sometimes used excel for instead of dynalist)! Do you think sort by tag would be feasible at some point? I.e. just bring all items with a specific tag to the top of the list? I never know how difficult requests like this are
Playing around with this - so handy, thank you!! Do you think it would be possible also at some point to allow for multiple sort buttons on a single list e.g.
OK amazing use for the âDynalist within Dynalistâ iframe is to have searches up all the time, e.g. on your home page in dynalist you can have searches up for everything due âtodayâ, âthis weekâ âhigh priorityâ etc ⊠this is pretty incredible!!