Home > Paul Mather, Work > #ProjectServer #project milestones on the project site #ProjectOnline #PS2013 #SharePoint #JavaScript #jQuery #SP2013 #Office365

#ProjectServer #project milestones on the project site #ProjectOnline #PS2013 #SharePoint #JavaScript #jQuery #SP2013 #Office365

Paul Mather
I am a Project Server and SharePoint consultant but my main focus currently is around Project Server.
I have been working with Project Server for nearly five years since 2007 for a Microsoft Gold Certified Partner in the UK, I have also been awared with the Microsoft Community Contributor Award 2011.
I am also a certified Prince2 Practitioner.

This article has been cross posted from pwmather.wordpress.com (original article)

This is another script I have written and published yesterday. It will display any project milestones on the associated project site. This JavaScript file can be downloaded from the Microsoft Script gallery:


To get the script to work you will need to download the following jQuery library:

jquery-1.8.3.min.js – jQuery download

A later version of this library may work but this was the one I used / tested with.

Upload this library to your PWA site collection then update the script file with the correct location. I uploaded this file to the site assets library as you can see in the code below:


Also notice the reference to the default SharePoint JS files and the two references to the Data tables CSS and JS files. I just referenced the hosted files but you could download these and host them yourself – if hosting the data table files yourself you will need more than just the two files reference here.

Add the script to your PWA site collection, I uploaded this to the Style Library. Then add a content editor web part to the project site and reference the uploaded project milestones JS file. If you want this to be on all project sites then you would need to create a new project site template.

Once added to a project site the milestones will be visible for that project:


The table can be sorted using the controls on the table.

If no milestones exist in the associated project then the table displays the default no data available message:


Create a milestone in that project and you will see that appear on the associated project site after publishing:


A nice simple script to allow your users to see project milestones on the Project Site. Download today and try it Smile

Categories: Paul Mather, Work Tags:
  1. No comments yet.
  1. No trackbacks yet.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: