Skip to main content
Question

Embed a PDF file in an html page

  • March 4, 2014
  • 0 replies
  • 194 views

I am trying to embed a PDF document in a code page. I have a PDF that is a reference guide for my Quickbase and I want to use this rather than the standard Quickbase help pages. I want the PDF to open in browser rather than downloading.

I have played with various methods to embed the PDF in the page but all i get is a blank grey box where the PDF should be when i open that page. AM i doing something wrong or is this just not possible in QB?

Below is an example of an HTML method I have tried to display the PDF

<object data="myfile.pdf" type="application/pdf" width="100%" height="100%"> <p>It appears you don't have a PDF plugin for this browser. No biggie... you can <a href="myfile.pdf">click here to download the PDF file.</a></p> </object>
This topic has been closed for replies.

  • Quickbase Alumni
  • March 5, 2014
What browser are you using? I just plugged in your code and it opens right up with IE and a link in firefox to download and chrome displays the big gray box. I had this issue before and it was driving me nuts in chrome. Here is what i did:

In your chrome browser type: chrome://plugins/

Hit enter

Looks for Chrome PDF viewer and disable it.



Now try again it should work in Chrome.


Hope this helps. If it doesn't i have other possible solutions.



  • Author
  • Quickbase Alumni
  • March 5, 2014
It is in Chrome that i'm having the issues, but also in IE too.  I"m not bothered about IE, as long as I can get it working in Chrome, so I'll try what you suggest. Thanks!

  • Author
  • Quickbase Alumni
  • March 5, 2014
This does work now in Chrome, which is awesome, however I have about 100 users in my application and having them all go in an disable plugins is not really the best option.  Do you have any other suggestion that would not involve the user to do anything to make it work?

  • Quickbase Alumni
  • March 6, 2014
Ok Try this:



Go to: https://docs.google.com/viewer

Plug in your URL of where your PDF is hosted. It should generate you an iframe.

I added a sample code and another code that works with all my browsers. See here: http://pastie.org/8878179

Hopefully this will work for you

  • Quickbase Alumni
  • March 12, 2016
Hi,  
I wonder do you have any suggetion about pdf extraction ( http://www.pqscan.com/extract-text/from-pdf-csharp.html ) process? Any suggestion will be appreciated. Thanks in advance.  



Best regards,  
Pan

  • Quickbase Alumni
  • June 27, 2017
docparser.com