I think that Dynalist is the best in class of software for helping with organising projects and life, but there are some minor things which are a little bit annoying in my workflow. So instead of bothering devs who should concentrate on more important things, I decided to change it myself. This stuff is working for me (Mac + Chrome, and quick test in Firefox), but I naturally canāt test it in every possible way, so itāll be no guarantee that this will work for you. (you can always ask and Iāll try to help)
First script Iād like to share is to modify icons on the left pane (for files and bookmarks) so they become clickable links. If you move cursor over icon it will change to link icon, and if you click it, new tab with this content will be opened.
I thought about making folder icon clickable too, so all its direct children could be open with one click, but itās a little bit to close to arrow item for expanding/collapsing and this could lead to accidental clicks and necessary opening of multiple new tabs if you miss. And if you want to quickly open more than one file then you can simply click on each icon with ctrl (or whatever key your browser uses to open tab in background).
More scripts to come and I will publish all of them in this one topic. I think that in the future I will somehow pack them in one āpowerpackā with ability to enable only part of them if you donāt want all. If you created something yourself, please share it! I would also appreciate hints on how can I improve my code, Iām software developer, but not JS developer and Iām using this as an opportunity to learn JS
Alright, letās debug! When youāre working with one of your documents in dynalist - does your TM extension icon looks like that?
Or is it grayed out without number? This will tell us if script is injected to the site.
And please check that itās ON for sure, this is how it should look when you click on TM extension icon when you are on dynalist.io/d/whicheverlinktoyourdocument
If you donāt see that, please click on āDashboardā (look at left column on screenshot above), there will be list of all installed scripts, tell me if you see my script on the list
I love these little tweaks that can be applied to Dynalist. This community-based approach reminds a lot of the Workflowy community. I look forward to any other scripts that you develop.
PowerPack is ready to install
You should remove/disable previous script, if you want to install PowerPack. Next releases will be easier to update for you, because from now every new functionality will be added to this one script (it will not make any difference performance-wise - features are not working until you enable them).
Currently it includes:
links in left pane
embedding iframes - videos, maps, other dynalist documents, other websites, and whatever can be embedded with iframe (but be reasonable with that, if you put 10 videos in one document and all will be rendered in the same time, your browser will be angry at you)
As you can see on the video below, thereās icon on top left corner, click on it to show popup with settings. Settings are stored forever in your browser, unless you deliberately remove them by clearing browser cache. This is todayās work, so I didnāt test it for few days as before, but as you can see itās working without any bugs
BTW. if you embed other Dynalist document it will be rendered with/without this weird blank space on the left - it depends on current state of left pane visibility. You can click in embedded document and hit your shortcut to close file/bookmark pane and it will occupy full space. As you can see, you can also edit those embedded documents, but wait few seconds before closing tab to be sure that changes are synced.
EDIT. you can see in the video that I collapsed first node with YT video. When something is collapsed, itās not loaded, so you can store even 1000 videos/maps/whatever in one document, just be sure that in one moment max few are expanded when embedding is enabled in the settings.
Yeah, inception You can select item, cut/copy it, and paste it in this embedded document. Or do this other way around. It will work even with collapsed items. And all formatting will be preserved. Unfortunately drag and drop between two documents will not work with such hacks, you need to use shortcuts or ui menus.
Some technical notes about iframes:
you can set width to be either in pixels width="700" or in percents, for example this will occupy all horizontal space within current item width="100%"
naturally you canāt embed everything. Some websites, like your bank, will not allow you to do that. There will be no error, you will see only box with blank space
you can use this template to embed websites: <iframe width="50%" height="415" src="http://example.com/" frameborder="0"></iframe>
youtube and other websites with shareable content are almost always already providing iframe code when you want to share their content, so just look for button to share, and copy that
I always wanted embedded youtube links and the option to control the iframe options too
Is there a possibility of putting the iframe option into a hotkey as well? (e.g. press a hotkey to turn on / off the iframe view)?
also great idea on embedding dynalist inside of dynalist, Iām not sure if Iām going to use it (too many computer resources used), but its definitely something Iāll play around with
Also I wrote a list earlier of what you could embed with the iframes in this post previously, if you guys want ideas (bottom of the post)
I think for what I will be using this embed code support for now is only going to use youtube and possibly airtable + airtable forms for now , and maybe codepen.io. Iāll probably use run some search paramters like ā<iframe widthā so I know where I put my embed codes in document
EDIT: Once again - be careful with changing something in these embedded documents. It will be saved and synced like your main document, but sync status on the top-right is only showing status of main document. If you close tab before embedded stuff is synced, you will not see any confirmation about that and changes will be lost. Dynalist sometimes sync immediately after you modify anything, and sometimes needs even 5-10 seconds for that.
Actually if i can edit it this way Iād rather not the iframes be right-side-clickable for things like codepen.io (basically the version 2 code works for me)
I hide all my embed codes by CTRL+ENTER so I donāt have to see them. When I want to see my embedded iframes I do this:
Checked items āShowā ā no hotkey exists yet in dynalist
Enable the powerpack embedded iframes (ctrl+shift+e hotkey)
This way, if I watch a 20 course youtube thing, I donāt want to see my embedded codes anywhere or iframes. But every now and then I might want to quickly look at every video really quick + all my notes really quickly, so Iāll turn this āshow checked itemsā and then āenable powerpack embedded iframesā
Assuming this is using a youtube video and / or public video, lynda.com videos are all private
Iāll know Iāll have embedded iframes on my open course -youtube playlists since Iāll actively set it up this way
Better yet I could leave all the embed codes /tamperscript on by default and just use dynalistās show/hide thing to enable it as well
For people who would like to have Github gists embedded into Dynalist. Github doesnāt provide iframe code, but itās possible to use their method with some magic to do it anyway.
This is template: <iframe src="data:text/html;charset=utf-8,%3Cbody%3E%3Cscript%20src%3D%22https://gist.github.com/XXXX_USERNAME_XXXX/XXXX_ID_XXXX.js%22%3E%3C%2Fscript%3E%3C%2Fbody%3E" width="100%" height="400px" frameborder="0" style="border:0" allowfullscreen></iframe>
Piotr is there a way to have the embed code ālockā
so if you click the right side pane it doesnāt automatically go to node-unrendered mode?
The issue is that with youtube videos its resetting it unintentionally when you click to the right of it, causing unnecessary use of computer resources.
Content can still be edited using the ā down arrow though giving it enough flexibility for people to adjust the frame width code for different size monitors (I prefer my youtube videos at 900 wide x 508 wide on a 24" screen)
Not sure if this can be done though, just a suggestion
And here is guide to install browser extension which will handle powerpack script: Greasy Fork - safe and useful user scripts
