Project Summary Webpart in SharePoint 2013

This article is about the Project Summary webpart in SharePoint 2013.

Introduction

The Project Summary web part in SharePoint 2013 displays the events and tasks. By default this web part will be available in the home page of the project sites. In this article I will create a new page where I will add the Project Summary web part. I have created the following tasks list in the site.

Tasks List

I have a tasks list named Tasks that has the following tasks (Task, Task5 and Task3 are added to the timeline):

Tasks-list.jpg

Figure 1: Tasks list

CustomTasks List

I have one more tasks list named CustomTasks that has the following tasks and the tasks that are added to the timeline:

CustomTasks-list.jpg

Figure 2: CustomTasks list

[Note: Please refer to http://www.c-sharpcorner.com/UploadFile/anavijai/tasks-list-in-sharepoint-2013  to learn more about the tasks list and timeline in SharePoint 2013.]

Create a new page

  1. Add a new page for the Project Summary web part. Navigate to the SharePoint Site http://c4968397007/sites/vijai/ (which is a team site).
  2. Click on "Add a page".

    Add-a-page.jpg

    Figure 3: Add a page
     
  3. Enter the page name and then click on "Create".

    Create-a-new-page.jpg

    Figure 4: Create a new page
     
  4. Click on the "Insert" tab in the ribbon interface and then click on "Web Part".

    Insert-the-web-part.jpg

    Figure 5: Insert the web part
     
  5. Click on "Content Rollup" in the "Categories" section then select "Project Summary" and then click on "Add".

    Project-Summary-web-part.jpg

    Figure 6: Project Summary web part
     
  6. A Project Summary web part is added successfully.
  7. Edit the web part in the web part properties; select the Primary Task List as Tasks from the drop down, under the Headlines section, ensure the Timeline, late and upcoming options are selected.

    Project-Summary-web-part-properties.jpg

    Figure 7: Project Summary web part properties

     
  8. Click on Ok.

Project Summary web part

  1. Once the Project Summary web part is added you can find the following details in the web part:

    1Project-Summary-web-part.jpg

    Figure 8: Project Summary web part
     
  2. The left side web part will display the countdown to the closest due date for the task.
  3. Next to the countdown, the web part displays the timeline if there are any tasks added to the timeline and if the timeline check box is selected in the web part properties.
  4. In the Tasks list that we have selected as the primary task list, a few tasks (Task, Task5 & Task3) are added to the timeline, so the timeline is displayed next to the countdown.
  5. A few tasks are not added to the timeline; those are displayed as late (Task2) and upcoming (Task4).
  6. If none of the tasks are added to the tasks list or if the Timeline option is not selected in the web part properties then you will be able to see only the late and upcoming events in the web part.
  7. To view the late and upcoming tasks, click on the next button in the top right side.

    countdown-late-and-upcoming-tasks.jpg

    Figure 9: countdown, late and upcoming tasks
     

Include Lists in Late and Upcoming panel

  1. We can include the other lists to include the late and upcoming events & tasks panel.
  2. Navigate to the page where we have added the Project Summary web part.
  3. Edit the page and then edit the web part.
  4. In the web part properties click on edit link that is available next to the late option.

    modify-the-late-and-upcoming-to-add-other-lists.jpg

    Figure 10: modify the late and upcoming to add other lists
     
  5. Select the other tasks list that must be added in the late panel.

    Lists-to-include-in-late-panel.jpg

    Figure 11: Lists to include in late panel
     
  6. Click on Ok.
  7. Similarly click on the edit link that is available next to the upcoming option
  8. Select the other tasks list that mut be included in the upcoming panel.

    Lists-to-include-in-upcoming-panel.jpg

    Figure 12: Lists to include in the upcoming panel
     
  9. Click on Ok.
  10. Click on Ok in the web part properties window.
  11. Save the page.
  12. Now we are able to see all the late & upcoming events in the web part as shown in Figure 13.


    Project-summary-web-part-that-shows-the-entire-tasks-summary.jpg

    Figure 13: Project Summary web part that shows the entire tasks summary

Summary

Thus in this article you have seen about the Project Summary web part in SharePoint 2013.