Tuesday, August 19, 2014

Placing IntelliGantt Within SharePoint 2013

The IntelliGantt App for SharePoint 2013 can run both outside and inside of a SharePoint site. We saw how easy it is to place IntelliGantt for SharePoint 2013 on any web page using a single link. Now we will show how that same link can be used to embed IntelliGantt within a SharePoint 2013 page. This example will show us pulling data from the same site we are placing IntelliGantt, however, IntelliGantt's unique architecture will allow you to pull in data from any SharePoint 2013 source.

So here is a basic, out-of-the-box SharePoint 2013 site. In it I have created two task lists that we wish to view in our rich IntelliGantt UI: Tasks and Task List 1.

We will add a web part to this page, so let's go into edit mode.

Use the native tools to select the area you wish to add the web part. We will put it at the top in this example.

We will insert a Page Viewer web part, found under the media and content category.

OK, now we have a new Page Viewer web part on the page that is 100% empty because it's not pointing to anything. So we will edit the properties of the Page Viewer web part to point to IntelliGantt.

Though the URL is a bit long, it's always the same. Plug in https://www.intelligantt.com/SharePoint/application2.html for the URL value. Why application2.html? Because that is version 2 of our IntelliGantt App for SharePoint 2013. Major updates will increase the number at the end of 'application', but the previous versions will always be around so you can update on your schedule.

The other thing I like to do is specify how tall and wide to make the web part. Here we will plug in 500 pixels and 1200 pixels respectively. Also, let's update the title.

And here is our IntelliGantt App for SharePoint 2013! Though it is a bit empty.

This is because IntelliGantt doesn't know what to show yet. Remember earlier I mentioned that it can pull data from any SharePoint 2013 source? This is true, even for the current site! So we will add the current site to IntelliGantt's list of sources. Yes, this also means that IntelliGantt can pull in 1 or more task lists from 1 or more SharePoint sites-- within the same collection or from completely different sites and SharePoint servers altogether.

Please note that IntelliGantt will need your user login and password to communicate with SharePoint. IntelliGantt stores the SharePoint site information in your web browsers local storage. Should you choose to remember your username and password, IntelliGantt will store this in the web browsers local storage as well.

Now that IntelliGantt knows which SharePoint site to talk to, it will get all of its task lists and display them in a rich, interactive Gantt Chart visualization.

Try it today and let us know if you have any questions. Thanks!

No comments: