November 11, 2011

MCT, MCITP, MCTS, MCP SharePoint Architect for Planet Technologies. Working with SharePoint since – Administrator / Developer – Architect / Implementer – Troubleshooter / Brander

SharePoint familiarity discussion. Introduction to REST Connections. Create an Address List from a predefined content type. Tweak and modify the list to meet out needs (Demo). Use SharePoint Designer 2010 to add a Data View Web Part to display our Address on a new Web Part page (Demo). Use SharePoint Designer 2010 to create a REST connection to display the current weather in Beverly Hills, CA (Demo). Create a data connection to display the weather of the zip code from our Address List (Demo).

Really Expensive SharePoint Technology? Stands for Representational State Transfer. REST is not a protocol. At its most basic element, REST is a way for a client to retrieve data from a server over http. SharePoint has a RESTful web service which will allow us to grab data from lists and libraries.

To display the weather at a location that is stored in a SharePoint list.

The first thing that we will need to accomplish is to create a list to store our address. Click on Lists

Click on Create

Click on Lists 1- Select Lists. 2- Click on the list type. 3- Add a name (No spaces, Well fix this in a bit). 4- Click on Create when ready!

Now that our list has been created, lets tweak it for our requirements. Click List Settings

2- Set the content type. 1- Adjust the Title (add the spaces back). Not part of this demo…

1- Adjust the Title (add the spaces back).

No %20 in the URL User friendly name.

Default content type. We want to add an existing content type.

1- Select List Type from Drop Down. 2- Add Contact

1- Select List Type from Drop Down. 2- Add Contact

OTB Content Type Columns.

Our Available Content Types. Change the Default Content Type.

Settings Before

Settings After

Change Last Name to Location

Click OK to finish

What Columns do we really need?

Lets hide the ones we do not!

Lets edit the View

Finally, lets go ahead and Add a new item! Click Add new Item

Lets open up Designer and create a page to hold our information. 1- Open your site. 2- Select Master Pages. 3- Select the v4.master 4- Right click and select New from Master Page.

1- Save Page. 2- Ignore warning and click Yes

1- Within the PlaceHolderMain, select the Common Content Tasks. 2- Click Create Custom Content

1- Click inside of the PlaceHolderMain. 2- Insert a 4x4 Table.

1- Click inside the Upper Left table cell. 2- Insert an Empty Data View.

1- Ctrl + Click in order. 2- Insert as a Single Item View from the pull-down menu.

Our list data is finally inserted!

Remove Paging Paging

Remove the first column

Format Address

Click in the 3 rd table row.

Add New REST Connection 1- Select Data Sources. 2- Click REST Service Connection.

1- Name your connection. 2- Add URL. 3- Modify Parameters.

1- Modify Parameter. Our updated Properties.

Insert REST Feed Data View into 3 rd table row.

With the Weather Web Part selected, click Add/Remove Columns.

Lets remove the Displayed Columns.

Delete the description row (right click in cell).

Change the description Format type to Rich Text.

Ignore the Warning! Our updated page!

1- Select the address web part. 2- Add Connection

12 3

45

67

Add a hyperlink to the company web site 1- Select the company name (Planet Technologies) 2- Format Item as Hyperlink 3- Ignore Confirmation!

Edit Hyperlink Address 1- Click the function button 2- Select Web Page

Update Address

Open hyperlink in new page 1- Press the Target Frame button. 2- Select New Window as Target Frame.

Important SharePoint REST Starting Point Reference Information Accessing SharePoint 2010 Lists using RESTful Service Referencing lists from external site collections – Cross-site collection lookup with REST and the DVWP!- collection-lookup/ collection-lookup/ SP2010: REST Data Sources within SharePoint Designer- Working with Data Sources and Web Services connections in SharePoint Designer 2010 (Has a list of all web services)- Overview of using REST in SharePoint Lab (This is very cool) Adding Dynamic Maps to Contact Forms with REST Web Services in InfoPath Background Information Representational state transfer- QuickStudy: Representational State Transfer (REST)- REST Web Service-

Blog: PCfromDC.blogspot.com