SharePoint 2010 Web Part Series – Page Viewer Web Part

Home > Blogs > SharePoint > SharePoint 2010 Web Part Series – Page Viewer Web Part

SharePoint 2010 Web Part Series – Page Viewer Web Part

Like This Blog 5 Spike Xavier
Added by June 25, 2012

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

Videos You May Like

Using Navigation Controls in a Collaboration Site in SharePoint

0 337 1

In this SharePoint training video, I want to talk about the Navigation Controls in SharePoint. They tend to fall into two kind of different categories; one with the navigation controls in a typical Collaboration Site such as a Team Site or a Project Site. These are Sites that are based on the Team Site Template … Continue reading Using Navigation Controls in a Collaboration Site in SharePoint

How to Use SharePoint Navigation Controls in a Publishing Site

0 223 2

For more SharePoint training videos in this series, see: Part 1 – Using Navigation Controls in a Collaboration Site in SharePoint Part 2 – » Using Navigation Controls in a Publishing Site in SharePoint « Part 3 – Configuring SharePoint Navigation in a Publishing Site – Activating the Publishing Feature Part 4 – How to Configure Navigation in SharePoint … Continue reading How to Use SharePoint Navigation Controls in a Publishing Site

How to Configure Navigation in SharePoint Publishing Sites

0 1145 3

For more SharePoint training videos in this series, see: Part 1 – Using Navigation Controls in a Collaboration Site in SharePoint Part 2 – Using Navigation Controls in a Publishing Site in SharePoint Part 3 – Configuring SharePoint Navigation in a Publishing Site – Activating the Publishing Feature Part 4 – » How to Configure Navigation in … Continue reading How to Configure Navigation in SharePoint Publishing Sites

Write a Comment

See what people are saying...

  1. Avatar AMit

    HI there, I need help in exporting a file(XLS) after approval through a workflow. A opens a xls but will need approval to open from B, they send request. After B approves, the approved doc is to be sent to a specific path say by FTP if possible. IS there a way you could advise?

  2. Pingback: Create A Page Viewer Web Part – How ot be in 2016

  3. Pingback: SharePoint Good One « Share your knowledge

  4. Avatar L

    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

  5. Avatar KBS

    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

Share your thoughts...

Please fill out the comment form below to post a reply.