5

How can I embed a PDF in a webpage without showing the Firefox PDF viewer toolbars (and the toolbar overlay in Chrome)?

Adding #toolbar=0 doesn't seem to affect these viewers.

I don't want to protect the PDF, I want to make it look cleaner/better on the website.

Current

enter image description here

Desired

enter image description here

Person
  • 1,091
  • 1
  • 9
  • 14

3 Answers3

4

try it CSS:

    div.pdf {
   position: absolute;
  top: -42px;
  left: 0;width:100%;
  }

and html is:

<div class="pdf"><embed src="http://URL_TO_PDF.com/pdf.pdf">
-1

Adding #toolbar=0 effects all the browsers except Mozilla Firefox, and there is no way to turn toolbar off or make it disable in Mozilla Firefox till today.

You can use it like this:

<embed
  src="http://URL_TO_PDF.com/pdf.pdf#toolbar=0&navpanes=0&scrollbar=0"
  width="425" height="425" />
ousmorez
  • 1
  • 1
-2

This question was asked before in a different way.
You should try something like this in your src="" :

<embed src="http://URL_TO_PDF.com/pdf.pdf#toolbar=0&navpanes=0&scrollbar=0" width="425" height="425">

Here is the reference link: Hiding the toolbars surrounding an embedded pdf?

Key note: This does not work in FireFox

Sari Rahal
  • 1,897
  • 2
  • 32
  • 53
  • 1
    This doesn't work for me, does it work for you in Firefox with the default PDF viewer (not Adobe)? – Person Sep 15 '15 at 15:19
  • This question was asked a little differently in a security question. I will update the answer. – Sari Rahal Sep 15 '15 at 15:27
  • 4
    You've copied the answer for a question about Adobe that has a reply saying it doesn't work in Firefox. – Person Sep 16 '15 at 11:03