Hiding The Toolbars Surrounding an Embedded Pdf

Hiding the toolbars surrounding an embedded pdf?

If you use any browser besides Firefox browser, then the following code will embed a PDF file without any toolbars:

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

• Please note that this does not work on Firefox
• See the Web Designer's Guide blog post for details.
• See the full list of embedded tag parameters for more information.

Can I hide the Adobe floating toolbar when showing a PDF in browser?

What you're looking for isn't possible.
Read the answer by Leonard Rosenthol (Adobe's PDF architect) on the iText mailing list: http://thread.gmane.org/gmane.comp.java.lib.itext.general/55112/focus=55120

Since version X of Adobe Reader, there is a new mode called "Read Mode",
which is the default viewing mode when you open a PDF in a web browser.
In "Read Mode" you can find a semi-transparent floating toolbar containing
basic reading controls, such as page navigation, print and zoom.

Unchecking "Display in Read Mode by Default" can be done from Edit > Preferences > Internet
in Adobe Reader X but it there is no way to disable "read mode" programmatically.

Unable to hide the iframe toolbar menu while rendering the pdf with custom height and width using react-pdf

Following worked for me in chrome and safari except firefox. We need to understand that displaying the pdf will entirely depends on the browser internal plugins and specifications. So we will not be having more control over hiding the iframe tools bars in browser like firefox.

<PDFViewer width="500" height="500" showToolbar={false}>
   <Document onContextMenu={(e) => e.preventDefault()}>
      <Page size="A4" width="500" height="500">
        <Text>This is pdf page</Text>
      </Page>
   </Document>
</PDFViewer>

---

Related Topics