Step by Step: Install, configure, and Deploy Project Server 2013 – Part 4: Deploy Project Web App with a new site collection – Project Server 2013

This is the Fourth part for Step by Step: Install, configure, and Deploy Project Server 2013 Article,

Article Content’s Index:

1. Part 1: Overview and Prepare for a deployment of Project Server 2013
2. Part 2: Install and Configure Project Server 2013
3. Part 3: Configure Project Server 2013 Application Service
4. Part 4: Deploy Project Web App with a new site collection – Project Server 2013
5. Part 5: Deploy Project Web App in an existing site collection – Project Server 2013

Deploy Project Web App with a new site collection

In this part, we will deploy an instance of Project Web App along with a Project Web App site in a new site collection.

Not all steps in this post are required, such as create Web Application, and/or create Top-Level site collection, but I covered these steps in post for more usability and as a general reference.

 

Step by Step: Install, configure, and Deploy Project Server 2013 – Part 3: Configure Project Server 2013 Application Service

This is the Third part for Step by Step: Install, configure, and Deploy Project Server 2013 Article,

Article Content’s Index:

1. Part 1: Overview and Prepare for a deployment of Project Server 2013
2. Part 2: Install and Configure Project Server 2013
3. Part 3: Configure Project Server 2013 Application Service
4. Part 4: Deploy Project Web App with a new site collection – Project Server 2013
5. Part 5: Deploy Project Web App in an existing site collection – Project Server 2013

Configure Project Server 2013 Application Service

After Project Server 2013 is installed, the following configuration steps are required before creating a Project Web App site and using Project Server:

 

Step by Step: Install, configure, and Deploy Project Server 2013 – Part 2: Install and Configure Project Server 2013

This is the second part for Step by Step: Install, configure, and Deploy Project Server 2013 Article,

Article Content’s Index:

1. Part 1: Overview and Prepare for a deployment of Project Server 2013
2. Part 2: Install and Configure Project Server 2013
3. Part 3: Configure Project Server 2013 Application Service
4. Part 4: Deploy Project Web App with a new site collection – Project Server 2013
5. Part 5: Deploy Project Web App in an existing site collection – Project Server 2013

Install and Configure Project Server 2013

This Part describes how to install Project Server 2013. The basic procedure is as follows:

 

Step by Step: Install, configure, and Deploy Project Server 2013 – Part 1: Overview and Prepare for a deployment of Project Server 2013

There are many distributed articles and posts to install and/or deploy Project Server 2013, and I desire to write a full instructions for how to install, configure, and deploy Project Server 2013 step by step using best practices and testing what’s on the internet on my server. And put it all in one place to make it an easy reference for me and my followers.

This Article contains 5 Parts as following:

1. Part 1: Overview and Prepare for a deployment of Project Server 2013
2. Part 2: Install and Configure Project Server 2013
3. Part 3: Configure Project Server 2013 Application Service
4. Part 4: Deploy Project Web App with a new site collection – Project Server 2013
5. Part 5: Deploy Project Web App in an existing site collection – Project Server 2013

Overview

Project Server 2013 enables organizations to get started, prioritize project portfolio investments, and deliver with the intended business value. It’s the flexible solution for project portfolio management (PPM) and everyday work.

 

Open Pages and Forms in Modal Dialog For SharePoint 2013

Some times you need to open an internal or external pages inside an OOB modal dialog of SharePoint, such as New Task Form, Upload File Form. Or maybe you want to open external pages and sites.

I create a template functions to open pages in dialog, upload it to a central place, and use it any where I need it in my site collection.

In this post, I write how the JavaScript work and how to use it.

JavaScript File Overview

I have a JS file (SP15ModalDialog.js) that contains the modal dialog functions as following code:

1. OpenInDialog function:
   This function will be called in you links (onClick) or buttons (onClientClick). And it takes the following parameters:
   • dlgWidth: Dialog width (ex: 600)
   • dlgHeight: Dialog height (ex: 800)
   • dlgAllowMaximize: Show maximize button in Dialog (true or false)
   • dlgShowClose: Show close button in Dialog (true or false)
   • needCallbackFunction: determine if you want to register call back function or not for Dialog (true or false)
   • pageUrl: the URL of target page or site
2. CloseDialogCallback function:
   This function contains the logic of work to be done after you close, save, or cancel the dialog box, the main idea here is if you open a form in dialog and save data, you need to refresh the parent page to see changes that done. it contains 3 conditions
   • If user click on OK or SAVE button – if(dialogResult == SP.UI.DialogResult.OK):
     It will refresh the parent page (if needCallbackFunction is true)
   • If user click on CANCEL or CLOSE button – else if(dialogResult == SP.UI.DialogResult.cancel)
     Do nothing or add your custom code
   • If dialogResult return other value – else : Do nothing or add your custom code

 

OOB: Creating Your Own Custom Tiles in SharePoint 2013

When you open SharePoint 2013 Team Site, you will see a Metro Tiles Menu on home page.

The good news you can create your own custom tiles menu by using a new OOB List/App template that called : Promoted Links.

Create “Promoted Links” List

To do that, follow the steps:

1. Go to Site Content
   
2. Click on “Add an App”
   
3. Select “Promoted Links”  list template from available lists
   
4. After creating the list click new item to add a new link and details
   
5. Fill data about the link as below (and make sure you upload Tiles images in picture library):
   
   • Title: the link title text
   • Background image location: the image URL and alternative text
   • Description: description text that will be shown when you mouse over the Tile
   • Link Location: the target URL.
   • Lunch Behavior: determine if you want to open URL in current page, new tab, or in modal dialog
   • Order: order number of the tile
6. Repeat step 4 to add more links

 

I am one of the top 10% most viewed LinkedIn profiles for 2012 :)