PDFOne .NET
Powerful all-in-one PDF library for .NET

Compatibility

VS 2005/2008/2010/2012/2013

Home » Newsletter » November 2014

Early last month, we released a major update to PDFOne. In this update, we had introduced a new Ajax-enabled MVC extension for displaying PDF documents. (PDFOne already has an Web Forms PDF viewer component.)

In this article, we will see how to create a simple PDF Viewer application using this new MVC extension. Here are the steps:

1. Open Visual Studio and create a new "empty" MVC project.
   
2. Add references to the following DLLs:
   • Gnostice.PDFOne.dll
   • Gnostice.PDFOne.Extensions.MVC.dll
   • Gnostice.PDFOne.dll
   • Gnostice.XtremeFontEngine.dll
   • Gnostice.XtremeImageEngine.dll
   • BouncyCastle.Crypto.dll
3. Select these DLLs and set their "Copy Local" properties to true.
4. Select the project and add a Global.asax ("Global Application Class") file as "a new item".
5. In the Application_Start() method, add the following line to activate the product license. Please use trial key if you are using the trial version. If you are using the registered version, use the key that was sent to you by e-mail when made the purchase order.

Gnostice.PDFOne.Extensions.MVC.PDFViewer.ActivateLicense("your-license-key");

6. In Solution Explorer, select "Controllers" and add a new empty "Home" controller.
   
7. Add a new default view for the Index() method of the controller (without any layout, model, or strongly typed view) and give it the name "Index".
8. Select "Scripts" and add jQuery to the project.
9. Drag and drop jQuery to the "head" section of the Index view (Index.cshtml).
10. Enter the following directives below the jQuery script tag so that the razor engine will load the JavaScript files of the PDFOne MVC PDF viewer control when the page is displayed in a browser.
11. In the DIV tag, enter these lines to render the PDF viewer control.

    @{
        PDFViewerSettings PDFViewerSettings1 = new PDFViewerSettings();
    
        PDFViewerSettings1 = new PDFViewerSettings();
        PDFViewerSettings1.Width = System.Web.UI.WebControls.Unit.Pixel(700);
        PDFViewerSettings1.Height = System.Web.UI.WebControls.Unit.Pixel(700);
        PDFViewerSettings1.ClientObjectName = "pdfviewer1";
    
        Html.Gnostice().PDFViewer(PDFViewerSettings1).LoadDocument(
          Server.MapPath("~/App_Data/") + "sample_doc.pdf"
        ).Render();
    }
    

    
12. Add a new "App_Data" folder to the project.
13. Copy a PDF file named "sample_doc.pdf" into the folder.
    
14. Open the Web.config file and add the following line above the closing "system.web" tag.

    <httpModules>
      <add name="Gnostice.PDFOne.Extensions.MVC.PDFViewerHttpHandlerModule" 
           type="PDFViewerHttpHandlerModule">
    </httpModules>
    

15. Above the closing tag of "system.webServer" tag, add the following lines.

    <modules runAllManagedModulesForAllRequests="true">
     <add type="Gnostice.PDFOne.Extensions.MVC.PDFViewerHttpHandlerModule" 
          name="PDFViewerHttpHandlerModule" >
    </modules>
    

    If there is no system.webServer tag, then add the following lines above the "runtime" tag.

    <system.webServer>
      <validation validateIntegratedModeConfiguration="false" </>
       <modules runAllManagedModulesForAllRequests="true">
          <add type="Gnostice.PDFOne.Extensions.MVC.PDFViewerHttpHandlerModule" 
               name="PDFViewerHttpHandlerModule" />
       </modules>
    </system.webServer>
    

    
16. Build the project and then run it.