A lightweight, clean way to view tasks from across all your workspaces in your new tab page.

Latest Version

Version
3.4.0
Update
February 5, 2023
Size
620KiB
Developer
Category
Users
539
Rating
4.42857 ★
Manifest Version
2
Web Store Status
Languages Support
English
See more
Permissions
Background
Storage
Cookies
*://*.asana.com/*
See more

AsanaTabs Extension

Asana Tab is an extension that allows users to overhaul their new tab page in order to view Asana projects from multiple workspaces in an easy-to-access and completed user interface.

For more information, please visit the Github page: https://github.com/kamesstory/asanatabs-react.

If you have any questions, please feel free to submit them via Github Issues: https://github.com/kamesstory/asanatabs-react/issues/new

v3.4.0 — Adding support for Cohere, to help debug issues and support users.
v3.3.0 — Adding support for querying through background script to enable tasks to update and actions to execute even when the tab is closed.
v3.2.0 — Corrections to timezones and allowing upcoming tasks to show up again.
v3.1.0 — Fixed several task submission issues and made the workspace selection a drop-down.
v3.0.0 — Touched up all parts of the app, including the create task button and animations on the task list
v2.2.0 — Added nav to Asana website on click of task
v2.1.2 — Added URL to be opened upon uninstall
v2.1.1 — Minified the background image so there is smoother loading
v2.1.0 — Added defaults for the workspaces, start and due dates!
v2.0.0 — Revolutionized everything! Now back and better. Cleaner and more modern design, and new framework for more and better changes in the future.
v1.5.2 — Added changes to accommodate for Asana API 'id' to 'gid' switch.
v1.5.1 — Changed \"Mark Task Done\" button scaling, and small display main page layout
v1.5.0 — Added feedback functionality and settings for local storage of workspaces that users don't want to see.
v1.4.1 — Modified tasks to not display extraneous \"Date not defined\" data.
v1.4 — Modified the header to get rid of the white split
v1.3 — Added full complete task and new task functionalities, and changed background (yet again)
v1.2.1 — Changed background photo for loading time optimization and laid foundation for discrete workspaces and workspace orderings.
v1.2 — Added am/pm displays, changed time to 12:00 settings instead of 24:00. Also added date and weekday in American format.
v1.1 — Added default display screen with ability to open a project view below the default screen
v1.0 — Initial Release, with minimum viewing functionality
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "AsanaTabs", "version": "3.4.0", "content_security_policy": "script-src 'self' https://*.cohere.so; object-src 'self'", "description": "A lightweight, clean way to view tasks from across all your workspaces in your new tab page.", "background": { "persistent": true, "scripts": ["background.bundle.js"] }, "icons": { "16": "icon16.png", "48": "icon48.png", "128": "icon128.png" }, "chrome_url_overrides": { "newtab": "index.html" }, "permissions": ["background", "storage", "cookies", "*://*.asana.com/*"], "web_accessible_resources": ["icon16.png", "icon48.png", "icon128.png"]}
Read more

How to download and manually install AsanaTabs extension for Chrome

Looking for a way to install AsanaTabs extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install AsanaTabs extensions manually, this article outlines two simple methods to effortlessly install AsanaTabs extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download AsanaTabs extension and manually install through Drag &Drop

If you ever need to manually install a AsanaTabs extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the AsanaTabs Extension by clicking the "Download CRX" button on the website.

Look for the AsanaTabs extension you wish to install. Go to the website and download the AsanaTabs extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for AsanaTabs extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the AsanaTabs extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download AsanaTabs extension for Chrome and install in Developer Mode

This is another method to install AsanaTabs extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the AsanaTabs extension file

Select and download the AsanaTabs extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the AsanaTabs extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your AsanaTabs extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the AsanaTabs extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install AsanaTabs extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

User reviews

icon

Connor Stark (ID: 00000044e67e5a9d) Voted 5 ★ - Updated 10/30/2022 Thank you for this! Nice to have feature: Set your own custom picture. Ideally stored in cache or somewhere :D, to minimise loading time even for user images. Thank you! https://www.fyft.cz/

icon

Robert Pielanen (ID: 0000004265f00e5b) Voted 5 ★ - Updated 08/19/2021 Amazing, finally a good solution to a major missing feature in Asana. Been looking for this forever. Thank you.

icon

Mohammad Othman (ID: 0000007cf73b4b22) Voted 5 ★ - Updated 01/31/2021 The simple genius of this extension cannot be understated... it is actually very difficult to find any app or service that allows you to see your overall view of tasks from multiple Asana workspaces, but AsanaTabs just absolutely nails it! I love that it gives you only a peek at today's tasks and you can scroll to see the rest. I also love that it's sorted by due date. Within a few seconds you can clearly see today, tomorrow and after that.. just brilliant! Kudos to you Jason

icon

Andy Butz (ID: 000000b5c4d91dc0) Voted 4 ★ - Updated 12/13/2019 Jason, first it says "Loading Workspaces" but hangs ... then i delete the local data in the confoguration, then it load something and said "error: click here to reload" while showing all workspaces but not one task ... after click it shows button "open asana tabs" then "error: click here to reload" while showing all workspaces but not one task ... if i go into configuration, no workspaces is checked. after checking go out and in again, everything is unchecked ... please help, we all need your fantastic add on!

icon

Anima LaVoy (ID: 000000ac4d26b2f8) Voted 2 ★ - Updated 04/08/2019 I have waited my whole LIFE for this extension! Asana needs this feature and this would be a HUGE gift if I could make it work. All I get is a pretty beach photo and a please log into asana button. Jason, can you help me??