Introduction to Asana bookmarklets

[ShunS]

Update:

• I archived 2-2-5. Just My Tasks and 2-3-1. ☰ Resize sidebar with strikethrough because they are no longer relevant due to the changes in Asana UI. Especially, the sidebar is now resizable natively in Asana
• I’m keeping the index numbers for consistency for when I add new ones in the future. The JavaScript code can be referenced in the history of the GitHub repository if needed.

[ShunS]

Update:

• I added 2-2-6. Expand calendar tasks, inspired by a comment in the Japanese thread
• This forum post is too long, so I added a table of contents. Click ︎ to collapse the list.

[Maria_Nieto]

Hi! Is there any way to toggle subtasks in timeline view? I don’t find the option allows me to do so when in that view currently.

Thanks in advance

[anon73161811]

Hello @ShunS . Great work done here, thank you I find one bookmarklet particularly usefull in my case “Toggle subtask” but it does not appear to work anymore. After running it on a list view it just blinks for couple of times and then displays nothing. Occasionaly it manages to display expanded subtask but only as a placeholder “Loading more subtasks” without any content like subtask name loaded. Can you please confirm it is still working?

[ShunS]

Hi @Maria_Nieto and @anon73161811, thank you for the feedback and I implemented the changes

Update:

• I deprecated 2-1-1. Clean up story and 2-1-3. ↔ Hide connected work links, only keeping 2-1-2. Expand comments
• 2-1-5. View task/messages in full width now supports messages. Asana has made many good updates with task widths
• 2-2-2. ▷ Toggle subtasks now supports timeline view. I adjusted time interval to fix the timing issue.
• I fixed bugs in 2-2-3. Complete all tasks and 2-2-4. Mark all tasks incomplete
• I added 2-3-2. Copy title and URL. You can easily copy and paste links like the image below:

To use the updated versions, drag the latest bookmarklets from Asana Bookmarklets onto your bookmark bar

[Larry_Berger_lpb]

Great–thanks, @ShunS!

[Parker_Aldric_Mar]

Thank you so much @ShunS! You are amazing!

[Parker_Aldric_Mar]

Hi @ShunS, I wrote this bookmarklet to expand all the “Load more subtasks” button until all subtasks are loaded in a parent task:

javascript: (async function() {
let button;
while ((button = document.querySelector(‘.SubtaskGrid-loadMore’))) {
button.click();

    // Introduce a delay to allow new content to load
    await new Promise(resolve => setTimeout(resolve, 500)); // Adjust the delay if needed
}

})();

[ShunS]

Update:

• 2-2-2. ▷ Toggle subtasks:
  • Increased stability in List view
  • Dropped support of Board view
  • No change in Timeline view

Get the latest version from Asana Bookmarklets

---

Thank you @Parker_Aldric_Mar for the contribution!
I confirm the following code works perfectly
I changed the curly quotes to straight ones.

javascript: (async function() {
	let button;
	while ((button = document.querySelector('.SubtaskGrid-loadMore'))) {
		button.click();
		await new Promise(resolve => setTimeout(resolve, 500));
	}
})();

However, I believe no action is easier than one click, so I’d still recommend the Asana Load More extension (installation steps) rather than adding your code to my bookmarklets list.

[Ian_Lalonde]

Hi,

The “toggle subtasks” function doesn’t seem to work when there are a lot of tasks—over 100. Any advice?

Thanks!

[Rashad_Issa]

@ShunS I just came across this post now. Great great post. Thank you!!

[Karen45]

@ShunS I’m also having trouble getting this to work. Does it matter which browser I use? I tried on Edge and Chrome. Nothing happens when I click on the bookmarklet.