Steven JW Kennedy

My Blog

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]

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: