Open Web Parts

​This represents a convenient way of viewing MPP files from SharePoint without having MS Project installed on your machine.

I. View MPP from SharePoint Online

 

1. View MPP Files using Project Viewer Web Parts

Housatonic Project Viewer 365 Web comes with free SharePoint web part file ProjectViewer_BrowseOnly.dwp and ProjectViewer_DropDown.dwp and that allows the users to view MS Project files from SharePoint websites without any software installed on their PCs.

 

Bellow you'll find the detailed configuration steps to get your SharePoint website integrated with the Project Viewer 365 Web product

1.1. Configure "Browse MPP" Web Part

Step 1: Download Project Viewer 365 Web from our website, run setup and follow default instructions steps.

Step 2:  Go to your Share Point Site Settings and click on Web Parts under Galleries

image4.png


Step 3: Click on Browse and select the Project Viewer 365 dwp file to upload it to your Web Parts Gallery. At this point you will have to indicate the location of your web part file. In the opened dialog, point to "C:\Program\Files\ViewerCentral\ProjectViewer365Web\SharePoint\ProjectViewer_BrowseOnly.dwp"

image5.png

Step 4: After you selected the file, press OK button.

image6.png


Step 5: At this point the ProjectViewer_BrowseOnly.dwp will be shown under the Web Part Gallery. 

image7.png


Step 6: Then go to a section of your SharePoint site and add the webpart. When you are on the desired page, select “Edit Page” option under Site Actions menu


image8.png


Step 7: At this point you should see the “Add a Web Part” option.   

image9.png


Step 8: Click on “Add a Web Part” option to add the previously web part from the Web Part Gallery. In the opened dialog select “Default Web Parts”. You should found there the web part. Select it and click on “Add” button.

image10.png


Step 9: After this, you would notice that under the "Add a Web Part" section on your page, the recently added web part will appear.

image11.png


Step 10: Use the Browse button to select your desired mpp file. The MPP project file will be displayed in your browser. Click on various views and reports to display project information.


image12.png


Step 11: If you want to change the Project Viewer application URL open administration page (Start / Viewer Central / Project Viewer 365 for Web / Project Viewer 365 for Web Administration), enter the desired URL in Application URL and press Apply.

image13.jpeg


1.2  Configure "DropDown" Web Part

Step 1: Download Project Viewer 365 Web from our website, run setup and follow default instructions steps.

Step 2: Go to your SharePoint website and under Site Actions select “Site Settings”

image14.png

Step 3: Then under "Galleries" section select "Web parts"

image4.png

Step 4: Move to "Documents" tab and under it select Upload Document option. At this point you will have to indicate the location of your web part file. In the opened dialog, point to "C:\Program Files\ViewerCentral\ProjectViewer365Web\SharePoint\ProjectViewer_DropDown.dwp"

image5.png

Step 5: After you selected the file, press OK button.

image15.png


Step 6: At this point the ProjectViewer_DropDown.dwp will be shown under the Web Part Gallery.


image16.png



Step 7: Then go to a section of your SharePoint site where you have mpp files and add the web part. When you are on the desired page, select "Edit Page" option under Site Actions menu.

image8.png


Step 8: At this point you should see the "Add a Web Part" option.

image9.png


Step 9: Click on “Add a Web Part” option to add the previously web part from the Web Part Gallery. In the opened dialog select “Default Web Parts”. You should found there the web part. Select it and click on “Add” button.

image17.png


Step 10: After this, you would notice that under the “Add a Web Part” section on your page, the name of the recently added web part will appear:

image18.png


Step 11: The Project Viewer DropDown WebPart should be successfully configured at this point. On your page with mpp files, expand the drop down menu and select Open with Project Viewer 365.

image19.png


Step 12: Click on “Open with Project Viewer 365” option and the mpp file will be opened with Project Viewer 365. You should see something like this:

image20.png


Step 13: Locate the folder where the ProjectViewer365Web/Server in installed (i.e. C:\Program Files\Viewer Central\ProjectViewer365Web\) and open Web.Config file in any text editor.

Make sure the tag <identity> shows like below:

<identity impersonate="true" userName="YourNTSharepointUser" password="Password" />

Step 14: To change the Project Viewer application URL  open administration page (Start / Viewer Central / Project Viewer 365 for Web / Project Viewer 365 for Web Administration), enter the desired URL in Application URL and press Apply.

image13.jpeg


2.  SharePoint 2013 look and feel instructions:

Configure "DropDown" Web Part

image21.jpeg

Step 1. Upload Project Viewer Drop Down Web Part to SharePoint Site

image22.png


Step 2. Add Web Part to the SharePoint Page and Edit Current View

Step 3. Select Basic Table from the view Style

image23.png

image24.png


Step 4. Open with Project Viewer 365:

image25.png


II.   View MPP from SharePoint Server Installed on Premises

1.     View MPP Files using Project Viewer Web Parts

Bellow you'll find the detailed configuration steps to get your SharePoint website integrated with the Project Viewer 365 Web product. There are 2 possible methods to achieve this, depending on the web part file used.

Prerequisites

  • Windows Server with SharePoint Services configured
  • Windows User with SharePoint "Reader" Rights


1.1.Configure "DropDown" Web Part

Step 1: Download Project Viewer 365 Web from our website, run setup and follow default instructions steps.

Step 2: Go to your SharePoint website and under Site Actions select "Site Settings"

image14.png

Step 3: Then under "Galleries" section select "Web parts"

image4.png

Step 4: Move to "Documents" tab and under it select Upload Document option. At this point you will have to indicate the location of your web part file. In the opened dialog, point to "C:\Program Files\ViewerCentral\ProjectViewer365Web\SharePoint\ProjectViewer_DropDown.dwp"

image5.png


Step 5: After you selected the file, press OK button.

image6.png


Step 6: At this point the ProjectViewer_DropDown.dwp will be shown under the Web Part Gallery. 

image16.png


Step 7: Then go to a section of your SharePoint site where you have mpp files and add the web part. When you are on the desired page, select "Edit Page" option under Site Actions menu.

image8.png


Step 8: At this point you should see the "Add a Web Part" option.

image9.png



Step 9: Click on “Add a Web Part” option to add the previously web part from the Web Part Gallery. In the opened dialog select “Default Web Parts”. You should found there the web part. Select it and click on “Add” button.

image17.png


Step 10: After this, you would notice that under the “Add a Web Part” section on your page, the name of the recently added web part will appear:

image18.png


Step 11: The Project Viewer DropDown WebPart should be successfully configured at this point. On your page with mpp files, expand the drop down menu and select Open with Project Viewer 365.

image19.png


Step 12: Click on “Open with Project Viewer 365” option and the mpp file will be opened with Project Viewer 365. You should see something like this:

image18.png


image20.png


Step 13: Locate the folder where the ProjectViewer365Web/Server in installed (i.e. C:\Program Files\Viewer Central\ProjectViewer365Web\) and open Web.Config file in any text editor.

Make sure the tag <identity> shows like below:

<identity impersonate="true" userName="YourNTSharepointUser" password="Password" />

Step 14: To change the Project Viewer application URL  open administration page (Start / Viewer Central / Project Viewer 365 for Web / Project Viewer 365 for Web Administration), enter the desired URL in Application URL and press Apply.

image13.jpeg


2. SharePoint 2013 look and feel instructions:

Configure "DropDown" Web Part

image21.jpeg

Step 1. Upload Project Viewer Drop Down Web Part to SharePoint Site

image22.png

Step 2. Add Web Part to the SharePoint Page and Edit Current View

Step 3. Select Basic Table from the view Style

image23.png


image24.png


Step 4. Open with Project Viewer 365:

image25.png