Timeline Webpart in SharePoint 2013

Introduction

TimeLine web part is a new feature introduced in SharePoint 2013. Timeline web part is used to display the tasks in a timeline. In this article you will see how to use the timeline web part in a custom page.

Create a new page

1. Add a new page for the timeline web part. Navigate to the SharePoint Site http://c4968397007/vijai/ (which is a team site).
2. Click on "Add a page".
   
   
   
   Figure 1: Add a page
    
3. Enter the page name and then click on Create.
   
   
   
   Figure 2: Create a new page
    
4. Click on Insert tab in the ribbon interface and then click on Web Part.
   
   
   
   Figure 3: Insert the web part
    
5. Click on "Content Rollup" in the Categories section, select "Timeline" and then click on "Add".
   
   
   
   Figure 4: TimeLine web part
    
6. The TimeLine web part is added successfully.

Data Source for timeline web part

1. A data source can come from other sites and site collections. I have a tasks list where tasks are added to the timeline in the root site collection http://c4968397007/ as shown in Figure 5. 
   
   
   Figure 5: Source for timeline web part
    
2. I am going to add this as a source in the timeline web part that I have created in the subsite http://c4968397007/vijai/.
3. Edit the timeline web part that we have created in the last section.
   
   
   
   Figure 6: Edit the timeline web part
    
4. Enter the source site URL and then click on "Verify URL".
   
   
   
   Figure 7: TimeLine web part properties
    
5. You can select the tasks list and then click on Ok.
6. The Timeline web part looks like the following:
   
   
   
   Figure 8: TimeLine web part

Timeline options in the ribbon interface
Select the task in the timeline web part. You can find the "TIMELINE" tab in the ribbon interface where you can change the font size, color, highlighted color and few more options as shown in Figure 9.



Figure 9: TimeLine tab in the ribbon interface

When you make any changes in the timeline web part. it will be reflected in the source.

Summary

Thus in this article you have seen about the new timeline web part in SharePoint 2013.