X
Tap here to go to the mobile version of the site.

Support Forum

I want to remove the pdf toolbar using HTML and CSS. Can I do that?

Posted

I have a client who wants the toolbar for the built in PDF reader removed so that no one can download the PDF displayed on the client's website. Using a text editor, am I able to remove the toolbar?

I have a client who wants the toolbar for the built in PDF reader removed so that no one can download the PDF displayed on the client's website. Using a text editor, am I able to remove the toolbar?
Attached screenshots

Chosen solution

Hmm, I don't think you can get rid of that toolbar.

Is the PDF in a frame within a web page, is that how HTML and CSS might be involved? I don't think you can reach inside and modify the viewer from the outside, as it is a privileged page.

While there are URL parameters for things such as page to display, zoom level, and sidebar state, there isn't one to automatically trigger full-screen view since Firefox requires a user action to initiate that.

One option might for the client to embed a custom viewer in the page instead of letting the browser choose how to view the PDF. The latest code of the PDF.js viewer web app is available to the public:

Read this answer in context 1
Quote

Additional System Details

Application

  • User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:67.0) Gecko/20100101 Firefox/67.0

More Information

jscher2000
  • Top 10 Contributor
8431 solutions 68774 answers

Chosen Solution

Hmm, I don't think you can get rid of that toolbar.

Is the PDF in a frame within a web page, is that how HTML and CSS might be involved? I don't think you can reach inside and modify the viewer from the outside, as it is a privileged page.

While there are URL parameters for things such as page to display, zoom level, and sidebar state, there isn't one to automatically trigger full-screen view since Firefox requires a user action to initiate that.

One option might for the client to embed a custom viewer in the page instead of letting the browser choose how to view the PDF. The latest code of the PDF.js viewer web app is available to the public:

Hmm, I don't think you can get rid of that toolbar. Is the PDF in a frame within a web page, is that how HTML and CSS might be involved? I don't think you can reach inside and modify the viewer from the outside, as it is a privileged page. While there are [https://github.com/mozilla/pdf.js/wiki/Viewer-options URL parameters] for things such as page to display, zoom level, and sidebar state, there isn't one to automatically trigger full-screen view since Firefox requires a user action to initiate that. One option might for the client to embed a custom viewer in the page instead of letting the browser choose how to view the PDF. The latest code of the PDF.js viewer web app is available to the public: * Code: https://github.com/mozilla/pdf.js ''(there are over 6,000 forks, so possibly someone has tweaked one the way you want, although, I have no idea how to find it efficiently)'' * Demo: https://mozilla.github.io/pdf.js/web/viewer.html
Was this helpful to you? 1
Quote
cor-el
  • Top 10 Contributor
  • Moderator
17179 solutions 155259 answers

Helpful Reply

Note that hiding the toolbar won't prevent (advanced) users from downloading the PDF file and there is still save page as or save link as in the context menu. As long as the file is requested from the server then you can find its URL even if the file would be loaded via XHR. You could convert the file to an image or render its content on canvas as small blobs using JavaScript.

Note that hiding the toolbar won't prevent (advanced) users from downloading the PDF file and there is still save page as or save link as in the context menu. As long as the file is requested from the server then you can find its URL even if the file would be loaded via XHR. You could convert the file to an image or render its content on canvas as small blobs using JavaScript.
Was this helpful to you? 1
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.