TeamGantt Power-Up for Trello

TeamGantt’s power-up enables you to see your Trello cards in a beautiful project timeline, create dependencies between cards, and view workloads all without ever leaving Trello. Watch the video below, or read this article to get started.

2:09
2:09
Wistia video thumbnail - Trello Power Up Demo

Thanks for reporting a problem. We'll attach technical data about this session to help us figure out the issue. Which of these best describes the problem?

Any other details or context?

Cancel
message
#wistia_8576_captions_line_wrapper { bottom: 38px; height: 0; left: 0; pointer-events: none; position: absolute; width: 100%; } #wistia_8576_captions { bottom: 0; left: 0; text-align: center; position: absolute; width: 100%; } #wistia_8576_captions .wistia_caption_line, #wistia_8576_captions_notification { background-color: rgba(0,0,0,0.8); color: #ffffff; display: inline-block; *display: inline; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cc000000', endColorStr='#cc000000'); font-family: Helvetica, Arial, Sans-Serif; font-size: 26px; line-height: 1.4em; max-width: 80%; padding: .25em .6em; text-align: center; vertical-align: top; zoom: 1; -webkit-font-smoothing: antialiased; } #wistia_8576_cc_button.wistia_hidden { filter: alpha(opacity=0); opacity: 0; } #wistia_8576_cc_button { background: transparent url(https://fast.wistia.com/assets/images/player-controls-CC-2x.png); cursor: pointer; filter: alpha(opacity=40); background-size: 73px; height: 40px; left: -5px; line-height:32px; opacity: .6; position: absolute; text-align: center; text-indent: -999999em; top: -1px; width: 70px; z-index: 2; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; -webkit-backface-visibility: hidden; } #wistia_8576_cc_button.wistia_fade_transition { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } #wistia_8576_cc_button.wistia_hidden { filter: alpha(opacity=0); opacity: 0; } #wistia_8576_cc_button:hover { filter: alpha(opacity=50); opacity: 1; } #wistia_8576_cc_button.wistia_on { filter: alpha(opacity=80); opacity: 1; } #wistia_8576_cc_button.wistia_on:hover { filter: alpha(opacity=90); opacity: 1; } #wistia_8576_captions_list_container { background-color: rgba(0,0,0, 0.3); font-family: Helvetica, Arial, Sans-Serif; margin-bottom: 32px; overflow: hidden; position: absolute; width: 130px; z-index: 1; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; } #wistia_8576_captions_list_container.wistia_hidden { filter: alpha(opacity=0); opacity: 0; cursor: default; } #wistia_8576_captions_list_spacer { display: block; height: 40px; } #wistia_8576_captions_list { cursor: pointer; display: block; list-style: none; max-height: 532px; overflow-y: scroll; padding-left: 0; width: 155px; margin: 0; margin-top: 5px; } #wistia_8576_captions_list_container.wistia_fade_transition { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } #wistia_8576_captions_list .wistia_8576_caption_li { color: #ffffff; margin: 0px; padding: 10px 0px 10px 0px; width: 100%; } #wistia_8576_captions_list .wistia_8576_caption_li:hover { background-color: rgba(0,0,0, 0.6); } #wistia_8576_captions_list .wistia_8576_caption_name { display: inline-block; letter-spacing: 1px; list-style: none; } #wistia_8576_captions_list .wistia_8576_caption_check { display: inline-block; background: transparent url(https://fast.wistia.com/assets/images/white-check-2x.png); background-repeat: no-repeat; background-size: 14px; height: 13px; margin: 0px 10px 0px 13px; width: 15px; } #wistia_8576_captions_list .wistia_8576_caption_check.wistia_hidden{ filter: alpha(opacity=0); opacity: 0; }
#wistia_grid_8579_wrapper{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;font-family:Arial,sans-serif;font-size:14px;height:100%;position:relative;text-align:left;width:100%;} #wistia_grid_8579_wrapper *{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} #wistia_grid_8579_above{position:relative;} #wistia_grid_8579_main{display:block;height:100%;position:relative;} #wistia_grid_8579_behind{height:100%;left:0;position:absolute;top:0;width:100%;} #wistia_grid_8579_center{height:100%;overflow:hidden;position:relative;width:100%;} #wistia_grid_8579_front{display:none;height:100%;left:0;position:absolute;top:0;width:100%;} #wistia_grid_8579_top_inside{position:absolute;left:0;top:0;width:100%;} #wistia_grid_8579_top{width:100%;position:absolute;bottom:0;left:0;} #wistia_grid_8579_bottom_inside{position:absolute;left:0;bottom:0;width:100%;} #wistia_grid_8579_bottom{width:100%;position:absolute;top:0;left:0;} #wistia_grid_8579_left_inside{height:100%;position:absolute;left:0;top:0;} #wistia_grid_8579_left{height:100%;position:absolute;right:0;top:0;} #wistia_grid_8579_right_inside{height:100%;right:0;position:absolute;top:0;} #wistia_grid_8579_right{height:100%;left:0;position:absolute;top:0;} #wistia_grid_8579_below{position:relative;}

Enable the Power-Up & link your account

To link Trello to TeamGantt, you’ll need to enable the TeamGantt Power-Up in the menu.

Next, you’ll need to authenticate your TeamGantt account or create a free account to get started. You can do this by clicking the "TeamGantt" link at the top of your board, then click "Link Your TeamGantt Account" to sign in or sign up for an account. TeamGantt will automatically create a project for you. 

Easy right? Now your Trello and TeamGantt accounts are linked. Congrats! 


Add Trello cards to your visual timeline

TeamGantt allows you to choose which cards you want to include in your timeline. To add cards to your TeamGantt project timeline, click on the card you want to add and select "TeamGantt" under the Power-Ups header. Then click on ‘Add Card to Existing Project’.

This will populate a list of existing projects in TeamGantt. We’ll show you the first few projects in your TeamGantt account, but you can search for any project in your account using the search bar. If you have not created any projects in TeamGantt yet, don't worry. We create a new project for you when you sign up, by default. If you want to create a new project, you can do so by logging in at TeamGantt.com and  creating a new project.

Click the name of the project you want to add the card. That's it! Your card is now linked to a task in TeamGantt!


Viewing & interacting with your timeline

To view your timeline, click the TeamGantt link in the top right corner of the Trello window. Select the projects you want to see in a Gantt chart, then click ‘View in Gantt Chart’. 

This will open your TeamGantt projects. You can schedule the task, add dependencies, assign it to a person or resource, and update your progress. You'll see your cards added to the bottom of the list. Drag your mouse into the chart area to add a timeline bar. You can drag the ends of the timeline bar to set the start and end dates. The task’s name, start & end dates, percent complete, and dependencies are automatically synced to your Trello card. You don't even have to click a save button! 

For more on how to use the Gantt chart view, refer to our  help section on the basics.

You can also update your progress, start and end date, and see assigned resources and dependencies right from within your Trello card!

The TeamGantt Power-Up is extremely flexible and makes it easy to manage your projects with drag-and-drop functionality and a beautiful timeline view.


To learn more about TeamGantt, join us for one of our webinars

Still need help? Contact Us Contact Us