Skip to main content

Roadmaps and Gantt charts

Plan your projects on a roadmap or gantt chart layout

Updated over a week ago

Dart offers list, calendar, and board layout options. It also has a roadmap layout, which can be used as a Gantt chart.

You can access the roadmap layout option by clicking on the layout switcher in the top right corner of the application:

layout switcher

The dropdown menu at the top right will also allow you to make adjustments to the appearance of your dartboard, including adjusting the appearance of:

  • Subtasks (choose to have them indented, collapsed or flat)

  • Absent parents (toggle on or off)

    • This is only relevant if tasks on the list are subtasks of other tasks. If the tasks they are subtasks of are in different dartboards or are filtered out in some way, you will be able to visualize them with the toggle on.

  • Color by (None or Status)

You can also add various Properties to your roadmap layout. By default, you will always see Title, Due Date, and Status in your roadmap layout. However, you can add other elements such as Assignees, Tags, Priority, and more:

adding more properties

You can also set your Property defaults from the switcher drop-down menu.

When you leave roadmap layout and visit any other layout, the Properties you have chosen will stay visible.

Your roadmap layout screen will be divided into two sections. On the left will be your columns that show your Tasks (including Due Date and Status, as well as any chosen Properties). On your right, you will have your timeline. To see more of either side, simply drag the dividing line to the right or left of your screen:

resizing the timeline

Making and Viewing tasks

Making a new task is easy right from your roadmap layout. Simply scroll to the bottom of your task list and click on the New Task icon:

creating a new task by using the button in list

When you hover over any existing task, you'll see a small pop-up of all of your properties:

hovering over a task

To make changes to an existing task, click on it. You'll be able to add Attachments, Notes, Links, Subtasks, and more. Your task window will open to the right:

making changes to existing tasks

If you'd like to shrink or expand your task view, or any other section by dragging the dividing lines left or right.

To close any task, simply click the X at the top right corner of your task window.

Timeline

Your timeline on your dartboard moves horizontally, and you can scroll right or left to move across time. The current date will always show as a blue vertical line. To return to the current date, simply click on the Today icon at the top of your timeline view:

timeline moving by dragging horizontally

You can change the time horizon of your timeline from the top of your timeline view as well. Choose your desired time horizon (Week, Month, Quarter, or Year):

choosing your time horizon

Next to your timeline options are shrink/expand icons to help you zoom in or out on your tasks within the timeline:

Moving Tasks and Changing Timelines

There are a few ways to move tasks around in your roadmap layout. From the timeline window, if you need to move a due date for a task, hover over the task and drag it to the desired new date right in your timeline. You can also drag across the task in order to elongate the amount of time you need for the task:

dragging to set a new date in roadmap

If you want to move tasks around in your task window, simply select them and move them up and down the task list. You can also select and move multiple tasks at once:

moving multiple tasks at once

Once you have all of your tasks entered into your dartboard, you can also filter and sort to make it easy to find specific tasks and subtasks as well.

Planning your roadmap with AI

If you need help planning your roadmap, or want to expedite the process, you can also take advantage of Dart's AI Planner.

Creating milestones and deadlines

In a Dart roadmap, milestones (sometimes known as deadlines or drop-dead dates) appear as diamonds in the roadmap, and can otherwise be used like any other task or project in the view. Any task with both its start date and due date set, and set to the same date, will automatically be converted to a milestone. Changing one of these dates but not the other will convert it back to a normal roadmap item.

A roadmap with a milestone shown

Converting to and from a milestone cannot be done by dragging dates, it must be done by selecting dates in the date picker dropdown.

Specifically, the easiest way to make an existing task into a milestone would be to open the task, click the date property box to open the date picker, click to select the start date box at the top, and then click the date you want the milestone twice (once to set the start date and once to set the end date).

Did this answer your question?