Skip to main content
Skip table of contents

Issues Timeline Roadmap

Once you’ve finished creating a new roadmap, you can now start working on the Issues Timeline Roadmap.

1. Menu bar

Let’s start with the Menu bar. We’ll go through them one by one in order:

Issues timeline toolbar-20240215-072729.jpg

Issues: it allows you to add existing issues from your chosen projects to the roadmap.

Create: you can use this button to add Lan, Milestones, and Containers to the roadmap.

Comments: this feature allows you and your team members or stakeholders to give feedback directly in the roadmap.

Search issues: it allows finding a specific issue in a big roadmap.

Activities: it works as a log history and records any action taken into the roadmap.

Collapse/Expand all lanes: this is an option to help you quickly collapse or expand all existing lanes in the roadmap.

More options: this is where you can find the Export button and use it to download the roadmap as a PNG image for external usage. Additionally, you can also access Display settings to decide how you want to render your roadmap.

More options-20240215-073057.jpg

2. View mode

Locating at the bottom right of the screen, you’ll find a setting to help you change the view mode of the roadmap by Day, Week, Month, Quarter, or Year accordingly.

image-20240215-073506.png

You can also use it to jump to today’s task location in the roadmap or jump to any specific date.

3. Adding lanes

To start working on the roadmap, you’ll have to add lanes.

You can do it by using the Create button on the menu bar and choosing Lane, or clicking on the empty space on the roadmap.

Add lane-20240215-064953.jpg

Once created, you can click on the 3 dots symbol at the end of the new lane to make any adjustments. You can Edit a lane (change its name and color), Move Up or Down (when there are multiple lanes), Insert Above, Insert Below, Expand/Collapse all containers inside that lane, and Delete it.

image-20240215-065457.png

4. Adding issues

After adding lanes, you can now add issues to the roadmap.

You can use the Issues button on the menu bar, find the issue, and drag it to your roadmap.

Add issues-20240215-074305.jpg

Or, you can simply click on the empty space.

Click on the roadmap-20240215-075055.jpg

Then, you can search for a specific issue or add a completely new one to your project.

image-20240215-074701.png

You can also choose to add all the issues in bulk in your project by using the Populating feature. You can locate it at the bottom of the issue box in the roadmap.

After choosing it, Routemap will automatically create bars for existing Jira issues with the Start date and End date from Jira (after mapping fields).

populating issues-20240215-075641.jpg

5. Adding containers

To add a container, you have to use the Create button on the menu bar.

Add container-20240215-073641.jpg

Fill in its information, including the container’s title (name), which lane it belongs to, start and end dates, and its color.

image-20240215-071339.png

Now, you can drag issues from the roadmap to this container for better management.

Drag issue to container-20240215-072141.jpg

6. Adding milestones

Routemap also supports milestones to help you mark an important date or event on your roadmap.

To add a milestone, you can use the Create button or click on the roadmap timeline.

Milestones-20240215-080330.jpg

Fill in its name and date, choose a color, and click Create.

image-20240215-080418.png

7. Task progress

Routemap supports visualizing and editing tasks’ progress. However, you can choose to disable it in the User settings.

image-20240215-080658.png

To edit the progress of one issue, just hover your cursor over it and drag the handler.

Adjust progress-20240215-081010.jpg

Or, you can also adjust the progress in the Bar details by clicking the bar on the roadmap.

Adjust progress in the bar details-20240215-081120.jpg

8. Task dependencies

The roadmap also visualizes and allows editing links between issues. Again, you can disable this feature in the user settings.

To link issues (or make dependencies), hover your cursor over the dot next to the issue bar then drag to the designated issue.

image-20240215-082606.png

Next, you can select the issue link type to create the dependency.

After establishing the link, you can also edit the link’s colors and arrow shape, or delete it.

image-20240215-082654.png

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.