Home > Office, One Note, SharePoint > One Note Web View and SharePoint Integration

One Note Web View and SharePoint Integration

One Note:

"Office OneNote 2007 is a digital notebook that provides people one place to gather their notes and information, powerful search to find what they are looking for quickly, and easy-to-use shared notebooks so that they can manage information overload and work together more effectively." –from Microsoft

More on One Note click links below

http://office.microsoft.com/en-us/onenote/HA101686341033.aspx

Webcasts: http://office.microsoft.com/en-us/webcasts/HA102547531033.aspx

Out of the box the One Note does export to different formats but not as a good Web/HTML interface. You need a free plug-in on Microsoft’s codeplex site called One Note Web Exporter to do that.

Download Link: http://www.codeplex.com/Project/Download/FileDownload.aspx?ProjectName=ONWebber&DownloadId=15337

Steps to export One Note file into HTML format and display on a SharePoint Page using Page Viewer Web Part.
  1. Installation

· Download the plug-in from http://www.codeplex.com/Project/Download/FileDownload.aspx?ProjectName=ONWebber&DownloadId=15337

· Run the set up.

· Make sure all instances of One Note are closed.

· Open One Note (existing file)

  1. Exporting as Html
    1. Once the plug-in is installed and icon should appear on the toolbar section for the plug-in image
    2. Click on the Icon to export
      1. 1. Select a notebook to export

        clip_image002

        2. Set Export Location

        clip_image004

        3. Click Preview ( Or Open the Html Page from location you saved using IE)

        clip_image006

3. In Step ii above you can even create a daily schedule to export it.

  1. SharePoint Integration:

Out Of the Box you can save One Note files into document library to share it across team members but this requires One Note application to be installed on each user’s computer. To display One Note file within SharePoint as a web page follow the steps below. In Step ii above instead of saving file into local folder, publish it to document library.

    Publish to Document Library

1. Create a Document Library ("One Note")

2. Copy URL and Paste to Screen Export to Web Screen.

image

(Click "Save As" enter the document library URL e.g. http://sharepoint.com/sharepoint/OneNote/ and then enter a filename "Test")

3. Click Export and copy the File URL (e.g. http://sharepoint.com/sharepoint/OneNote/Test.htm )

4. Go to SharePoint Site use existing Page or create a new "Web Part Page " to display One Note Section.( In this example I am using a Blank Web Part Page )

Display One Note Web View on SharePoint Page

1. Click Site Actions à Edit Pageà Add a Web Part

2. Add Page Viewer Web Part under Miscellaneous Section

image

3. Click on "open the tool pane" to modify Page Viewer Web Part properties.

1. Click on "open the tool pane" to modify Page Viewer Web Part properties.

Paste the file URL which has been exported to document library in Step C and Paste it in "Link" property text box and under appearance enter a proportionate height for the Web Part check screen shot below for highlighted properties.

image

This will display the One Notebook within SharePoint Page.

image

-Rohan

Advertisements
  1. bazztrap
    March 5, 2009 at 11:55 pm

    twest

  2. May 7, 2009 at 3:52 pm

    I have discovered OneNote about a year ago, when I was working on a new web developing project.
    The project was demanding for research and collecting information from many resources.
    OneNote was the perfect solution for us.

    Today we use only OneNote for our web developing projects and research.

    Thank you for the post.
    Happy to learn new things every day.

    Amit

  3. Chelsea
    February 29, 2012 at 6:39 pm

    Does this work with 2010?

  4. Rob
    February 9, 2013 at 9:50 pm

    I have tried to get this to work several times. I am using Office 2010, and Windows 8, but the command doesn’t show. I even tried using the command line, using the .exe file. no icon, nothing.

  1. No trackbacks yet.

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: