Steven JW Kennedy

My Blog

Archive for April 13th, 2011

SP&GM: Step Three – Create a new Web Page and add a DataView

Posted by Steven Kennedy on April 13, 2011


Previous post in series: SP&GM: Step Two – Create your SharePoint List

Next post in series: SP&GM: Step Four – Upload the JavaScript file [to be posted]

By this point you should have a populated SharePoint List. Now you need to create a web page that will be used to display the Google Map, and the data used to generate the map.

Create a new web part Web Page, in whatever Document Library you wish to use. With the Document Library selected click on ‘Documents’ in the Ribbon and then select ‘New Document’. In my case my Document Library has been setup to default to a web part Web Page. You should then see the following page;

image

Type in a name for the page and select a layout template that you want to use. I used the ‘Full Page, Vertical’ layout. Then click on ‘Create’.

Add DataView to the page

Go to the Document Library where you created the new web page. Select the page that you’ve just created and click on the ‘arrow’ to open the drop down menu. Select ‘Edit in Microsoft SharePoint Designer’. The page will then open in SharePoint Designer. The image below shows a page that I’ve opened, showing the ‘Design’ mode. Click inside the body of the page, it’ll highlight the placeholder, then click on ‘Insert’ and then ‘DataView’ in the Ribbon. A drop down will appear listing the various SharePoint Lists. Select the one you’ve created previously, in my case, as shown in the picture below, ‘Company Sites’.

image

The SharePoint List will then be displayed on the page, something like that shown below.

image

Now ‘Save’ the page and exit SharePoint Designer.

We now have a web page with the SharePoint List inserted on to the page

Previous post in series: SP& GM: Step Two – Create your SharePoint List

Next post in series: SP&GM: Step Four – Upload the JavaScript file [to be posted]

Posted in Google, SharePoint | Tagged: , | Leave a Comment »