Introduction to Asana bookmarklets

English Forum Tips and Tricks Forum Leaders tips
4

@ShunS ,

Great job!

It is a pleasure working with you, and I am grateful for the solution you provided me.
I hope this helps others and that Asana eventually uses this as inspiration to implement natively in the system for everyone to use.

Thank you :orange_heart:

2 Likes
5

Super tips, @ShunS! :star_struck: Thanks for putting this together!

1 Like
6

Yes, bravo, @ShunS , really nice!!

1 Like
7

Amazing tips! Thank you so much for sharing, @ShunS! :clap:

1 Like
8

these are so helpful and working great for me! thank you!

1 Like
9

Super cool. A lecture on Asana Customization

1 Like
10

Thank you for the feedback :slight_smile:

Update:

Please keep requests and ideas coming :bulb:

1 Like
11

This is amazing!
I only wish there was some way to use these in the desktop app… :frowning:

1 Like
12

Update:

It’s great to see new bookmarklets created by other users and helping teams :slight_smile:

2 Likes
13

I just stumbled upon this… this is gold :coin: great stuff @ShunS :slight_smile:

2 Likes
14

Update:

3 Likes
15

A bookmarklet for showing “Just my tasks” would be great to add. I made one a few months back, but recent changes to the UI broke it. If I get it working again, can we include it in your collection?

Here was the previous version’s code (it looks like the easily identifiable classnames are now gone… so this might be more brittle going forward):

javascript: (() => {
    const filterMenu = document.querySelector('.FilterMenu');
    filterMenu.click();
    setTimeout(() => {
        const filterMenuContents = document.querySelector('.FilterMenuContents');
        if (filterMenuContents) {
            const removeButton = filterMenuContents.querySelector('.RemoveButton');
            removeButton.click();
        } else {
            const justMyTasks = document.getElementById('view_options_filter_Just my tasks');
            if (justMyTasks) {
                justMyTasks.click();
            }
        }
    }, 250);
})()
16

Here is a fixed version (works on the project view, only if there isn’t a task open)

javascript: (() => {
    const filterMenu = [...document.querySelectorAll('.PageToolbarStructure-rightChildren div')]
        .find((node) => node.innerText.startsWith('Filter'));
    filterMenu.click();
    setTimeout(() => {
        const filterMenuContents = document.querySelector('.FilterMenuContents');
        if (filterMenuContents) {
            const removeButton = filterMenuContents.querySelector('.RemoveButton');
            removeButton.click();
        } else {
            const justMyTasks = document.getElementById('view_options_filter_Just my tasks');
            if (justMyTasks) {
                justMyTasks.click();
            }
        }
    }, 250);
})()
1 Like
17

Hi @John_Pope , thank you for the offer :slight_smile:
I confirm it’s working:

Screen Shot 2022-11-03 at 11.52.32
Screen Shot 2022-11-03 at 11.52.321950×604 89.1 KB

Clicking the boommark folder > bookmarklet is almost the same effort as using the official feature, but I see the benefit in being able to undo the filter by the click of the bookmarklet.

I’ll add yours as “2-2-5. :bust_in_silhouette: Just My Tasks” :raised_hands:
Please forgive me for making a little changes to fit my style.

1 Like
18

Thanks! I usually just have this one outside of any bookmark folders since I use it everyday. I appreciate you including this in your collection as it has been a great resource for Asana bookmarklets.

19

Update:

Expanded right pane
Expanded right pane1920×788 118 KB

3 Likes
20

Very nice, @ShunS; thanks!!!

Larry

1 Like
21

Update:

1 Like
22

Update:

2 Likes
23

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 :slight_smile: