SharePoint 2010 Web Part Series – Page Viewer Web Part

Share via email

In this blog we will explore a use of the Page Viewer Web Part in SharePoint 2010. We will use the Page Viewer Web Part in order to bring in an outside web page and display it within SharePoint (this is done behind the scenes via IFrames). This will allow us to avoid having to build two pages one outside of SharePoint and one inside of SharePoint. Normally the biggest drawback to this is the 'double navigation' issue. To minimize this, I like to use web part pages which, by default, do not show the Quick Launch Bar.

This blog is part of a series of blogs which explore the out of the box Web Parts that come with SharePoint 2010.

Create New Web Part Page

 

Create-New-Web-Part-Page.png

Site Actions > More Options. I do not choose New Page because this would create an aspx page, which would allow me to place web parts on it. However, it uses a master page that displays the quick launch bar and I don't want that on my page.

Filter by Page, Create New Web Part Page

 

Filter-By-Page-Create-New-Web-Part-Page.png

Select Filter By: Page and Select the Web Part Page then click the Create Button.

Fill Out Form, Choose Layout Template

 

Fill-Out-Form-Choose-Layout-Template.png

Fill Out The Form. Since I'm creating an Instructor of the Decade page, I name it that. Then I choose the Full Page, Vertical Layout Template. Notice how there is an animated graphic showing the layout of the web part zones? I change the Document Library to the Site Pages Library, then click OK.

Add a Web Part

 

Add-A-Web-Part.png

Click the Add a Web Part Link to Add A Web Part. Notice the lack of a Quick Launch Bar? This is why I selected Web Part Page earlier.

Select Page Viewer Web Part

 

Select-Page-Viewer-Web-Part.png

Select the Media and Content Category and then select the Page Viewer Web Part. I leave the default Full Page Web Part Zone as-is and click Add.

Open Tool Pane

 

Open-Tool-Pane.png

Open the tool pane link in the Page Viewer Web Part in order to configure the Web Part Properties.

Enter Link Expand Appearance

 

Enter-Link-Expand-Appearance.png

I'll paste in a link to the web page I want to display and then click the + sign next to Appearance to expand these properties.

Adjust Height, Click OK

 

Adjust-Height-Click-OK.png

I"ll use 1500 Pixels in order to accommodate the web page I want to display. Next enter an appropriate Title and then click OK.

Stop Editing

 

Stop-Editing.png

Click Stop Editing. (Notice the title is now appearing)

Add Link to Home Page

 

Add-Link-To-Home-Page.png

I'll use the Navigate Up control to return to the home page where I will add a link to this new page.

Edit Home Page

 

Edit-Home-Page.png

Click the edit page Icon to put the home page into edit mode.

Add Link to New Page

 

Add-Link-To-New-Page.png

I use the Wiki Page functionality of typing [[ and then navigating my way to the new web part page and close with ]].

Add Heading

 

Add-Heading.png

Add INSTRUCTOR OF THE DECADE above what will be my new link.

Save and Close

 

Save-And-Close.png

Click Save and Close.

Test Link

 

Test-Link.png

Click on the link to test it.

Instructor of the Decade, Jason Helmick

 

Instructor-Of-The-Decade-Jason-Helmick.png

Walla! The new Instructor of the Decade page is ready. Congratulations Jason Helmick! By using the Page Viewer Web Part I have saved myself from having to re-create what' s already done.

Enjoy!
Spike Xavier
SharePoint Instructor – Interface Technical Training
Phoenix, AZ

Posted in SharePoint | Posted in , , | 3 Comments

Your Feedback: (3 Responses)

  • Pingback: SharePoint Good One « Share your knowledge

  • L says:

    Hi, nice blog. i am loading a webpart page within a page viewer web part. it works well. there is no quick launch, but there is repetetive master page. the webpart page within the page viewer web part must not load the master page or show only the webpart zones and its content. is that possible. I am working in 2007 SP

  • KBS says:

    Hi, Thanks for the post.

     

    But got a question. Is the content inside page viewer web part is searchable? Especially if I attach a file, can the search pull up the web page where the web part is present?

     

    If the search can't pick up, is there any other way or 3rd party sources to make the search engine pick up content inside a web part?

     

    Would greatly help my task!!

     

    Thanks,

    KBS

  • Leave a Reply

    Your email address will not be published. Required fields are marked *

    You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>