[email protected] +1.303.779.0344

Home How-To

Project for the web (P4W) Timeline

Import tasks from Project for the web (P4W) into OnePager to create a timeline that summarizes each phase of your project.

OnePager builds timelines from Project for the web (P4W) by importing tasks and then grouping them by phases of the project, like this:

OnePager project timeline built using P4W (Project for the web).

15-Day
Free Trial


If you don't already have OnePager, click the button above to download a free trial. Then, follow these instructions to get started:

  1. Start with a simple project in P4W (Project for the web). This project has four phases, and each phase consists of five sub-tasks. Our goal is to create a chart where all of the sub-tasks for each phase are lined up in a timeline layout:

    Project for the web (P4W) project

  2. To build your project timeline, launch OnePager using either the desktop icon or Windows Start menu:

    Launch OnePager from your desktop.

  3. On the OnePager start screen, choose New to start building a new P4W timeline:

    OnePager start screen.

  4. From the import wizard, go to Select > BROWSE Project for the Web:

    Browse Project for the Web (P4W) projects from OnePager.

    If this is your first time using OnePager with Project for the web, OnePager will prompt you to log into your P4W account.

  5. Once connected to Project for the web, OnePager will display a list of all of your available projects. Click on the one that you'd like to import, and then click OK:

    List of P4W projects available for import into OnePager.

  6. Back on the import wizard, choose the option to Select individual tasks to import:

    Filter your P4W project before importing into OnePager

  7. When the task selection window appears, we'll select all of the sub-tasks, but none of the summary tasks, and then click OK:

    Select sub-tasks from Project for the Web

  8. To finish the import from P4W, click Create New Chart. This will create a Gantt Chart from Project for the Web, and in the following steps, we'll convert it to a timeline:

    Project for the Web (P4W) Gantt chart created in OnePager.

  9. To switch from a Gantt chart to a timeline layout, go to Home > Chart Properties > Rows/Swimlanes, and adjust the Task Layout to a Timeline and make sure to Align tasks on the Level 1 Summary Name, which is the top-level summary task from the WBS in Project for the web:

    Switch from a Gantt chart to a timeline layout based on the summary tasks in Project for the web.

    When switching from a Gantt Chart to a Timeline layout, it's also a good idea to increase the height of your rows in OnePager, which you can do on the Page Layout tab. This helps improve readability when you have lots of text and lots of tasks in the same row.

  10. Click OK, and OnePager will realign your chart so that each phase of the chart appears as a timeline:

    Project for the Web (P4W) timeline created in OnePager.

    OnePager will also try to optimize the text in your chart for readability. Here, we added an extra quarter to the end of the project to create whitespace for the name of the final deployment task.

Get started today by downloading a free trial.

15-Day
Free Trial