Custom JS for Asana

Use the following snippets of Javascript to create bookmarklets for Asana that give you additional features their developers are too busy (making appreciations) to implement themselves.

Add each bookmarklet as each one has its own use case in a workflow.

Collapse All Sections & Subtasks

javascript:(function(){document.querySelectorAll('.SpreadsheetTaskRow-nameCell .DownTriangleIcon').forEach(function(element){ element.parentNode.click() })}());javascript:(function(){document.querySelectorAll('.TaskGroupHeader-toggleButton .DownTriangleIcon').forEach(function(element){ element.parentNode.click() })}());

Expand All Sections & Subtasks

javascript:(function(){document.querySelectorAll('.TaskGroupHeader-toggleButton .RightTriangleIcon').forEach(function(element){ element.parentNode.click() })}());javascript:(function(){document.querySelectorAll('.SpreadsheetTaskRow-nameCell .RightTriangleIcon').forEach(function(element){ element.parentNode.click() })}());javascript:(function () {  var count = 20;  var ival = window.setInterval(() => {    count--;    if(count <= 0){      window.clearInterval(ival);    }    let links = document.querySelectorAll('.SpreadsheetTaskList-showMoreLink');    if(links.length === 0){      return;    }    Array.from(links).map((link) => {      link.click();    });  }, 400);})();

Collapse All Sections

javascript:(function(){document.querySelectorAll('.TaskGroupHeader-toggleButton .DownTriangleIcon').forEach(function(element){ element.parentNode.click() })}());

Expand All Sections

javascript:(function(){document.querySelectorAll('.TaskGroupHeader-toggleButton .RightTriangleIcon').forEach(function(element){ element.parentNode.click() })}());

Collapse All Subtasks

javascript:(function(){document.querySelectorAll('.SpreadsheetTaskRow-nameCell .DownTriangleIcon').forEach(function(element){ element.parentNode.click() })}());

Expand All Subtasks

javascript:(function(){document.querySelectorAll('.SpreadsheetTaskRow-nameCell .RightTriangleIcon').forEach(function(element){ element.parentNode.click() })}());javascript:(function () {  var count = 20;  var ival = window.setInterval(() => {    count--;    if(count <= 0){      window.clearInterval(ival);    }    let links = document.querySelectorAll('.SpreadsheetTaskList-showMoreLink');    if(links.length === 0){      return;    }    Array.from(links).map((link) => {      link.click();    });  }, 400);})();