Month: May 2009

How to embed Visio diagrams within SharePoint page or web part.

The Visio 2007 Viewer allows anyone to view Visio drawings and diagrams (created with Visio 5.0, 2000, 2002, 2003, or 2007) inside their Microsoft Internet Explorer version 5.0 or later Web browser.

Download: http://www.microsoft.com/downloads/details.aspx?familyid=d88e4542-b174-4198-ae31-6884e9edd524&displaylang=en

By using “Content Editor Web part” we can display visio Files in SharePoint site.

  1. Add a “Content Editor Web part” to your SharePoint page.
  2. Click on the “Open the Tool Pane”, click on “Source Editor” to place the HTML source.
  3. Place the following piece of code in to the Source Editor and click ok

<OBJECT classid="CLSID:279D6C9A-652E-4833-BEFC-312CA8887857"
codebase="http://www.microsoft.com/downloads/info.aspx?na=90&p=&SrcDisplayLang=en&SrcCategoryId=&SrcFamilyId=d88e4542-b174-4198-ae31-6884e9edd524&u=http%3a%2f%2fdownload.microsoft.com%2fdownload%2f6%2ff%2f5%2f6f569198-e7d0-49af-b162-54a11f38d301%2fvisioviewer.exe&quot;
id="viewer1" width="100%" height="100">
<param name="BackColor" value="16777120">
<param name="AlertsEnabled" value="1">
<param name="ContextMenuEnabled" value="1">
<param name="GridVisible" value="0">
<param name="HighQualityRender" value="1">
<param name="PageColor" value="16777215">
<param name="PageVisible" value="1">
<param name="PropertyDialogEnabled" value="1">
<param name="ScrollbarsVisible" value="1">
<param name="ToolbarVisible" value="1">
<param name="SRC" value="http://site/Shared%20Documents/diagram.vsd"&gt;
<param name="CurrentPageIndex" value="0">
<param name="Zoom" value="-1">
</object>

How to embed PDF files within SharePoint page without requiring adobe reader

By using “Content Editor Web part” we can display PDF File in
SharePoint site.

  1. Add a “Content Editor Web part” to your SharePoint page.
  2. Click on the “Open the Tool Pane”, click on “Source Editor” to place the HTML source.
  3. Place the following piece of code in to the Source Editor and click ok
<script type="text/javascript" src="scripts/pdfobject.js"></script>
<div id="pdf1" style="width:500px; height:375px;"></div>
<script type='text/javascript'>
var myPDF = new PDFObject({ 
     url: 'ConferenceGuide.pdf', 
     pdfOpenParams: { 
          view: 'Fit', 
          scrollbars: '0', 
          toolbar: '0', 
          statusbar: '0', 
          navpanes: '0' }
      }).embed('pdf1'); 
</script>

where PDFObject library can be downloaded from https://github.com/pipwerks/PDFObject