How disable scrollbar when `embedMode: "FULL_WINDOW"`?

[cvan15A7]

How disable scrollbar when `embedMode: "FULL_WINDOW"`?

[Joel_Geraci]

There is no programmatic control of the scroll bar at this time. What exactly are you trying to achieve? There might be a way to accomplish your goal in another way.

[cvan15A7]

I want do this:
https://community.adobe.com/t5/document-services-apis/how-set-zoom-100/m-p/11442696#M683

and ultimately this:

https://community.adobe.com/t5/document-services-apis/pdf-embed-api-get-screenshot/m-p/11428290?page...

As for this topic, I can turn off the scrollbar or somehow to deduct it from the width of the container with the document (here comes the problem of recognizing whether the scrollbar is in the document at all).

[Joel_Geraci]

Let me try this another way. Assuming this is even possible, once you have the screen shot, what do you want to do with it?

[cvan15A7]

1. I select a piece of text in the document.
2. I click "quote" button on my website (not in the viewer).
3. On the page (not in the viewer) there is a screenshot with the alt attribute with the quoted text, and under the screenshot there is a page number and a button that refers to a specific place in the document, and I can add a comment to this quote. The quoted text itself is not enough, because once it may have a different formatting than in the document and it will look different, and two, that there may be missing spaces, excessive spaces, etc. that would have to be manually corrected, and I want it all to be generated automatically .
4. I move quotes with comments anywhere, in the text, eg in the form of a blog or an article. This is not the same as the annotation comments visible in the side panel of the document, because it is supposed to be part of a blog/article and should be in the order I choose, with repeated citation of the same fragment, sometimes a paragraph with just a comment, grouping quotes and comments in sub-sections of the article.
5. Generate a blog/article page, with a built-in viewer call to see the context of the quote.

It is important to make it as easy as possible for the reader to get to the context of the fragment of the document quoted in the blog/article.

[cvan15A7]

1. I select a piece of text in the document.
2. I click "quote" button on my website (not in the viewer).
3. On the page (not in the viewer) there is a screenshot with the alt attribute with the quoted text, and under the screenshot there is a page number and a button that refers to a specific place in the document, and I can add a comment to this quote. The quoted text itself is not enough, because once it may have a different formatting than in the document and it will look different, and two, that there may be missing spaces, excessive spaces, etc. that would have to be manually corrected, and I want it all to be generated automatically.
4. I move quotes with comments anywhere, in the text, eg in the form of a blog or an article. This is not the same as the annotation comments visible in the side panel of the document, because it is supposed to be part of a blog / article and should be in the order I choose, with repeated citation of the same fragment, sometimes a paragraph with just a comment, grouping quotes and comments in sub-sections of the article.
5. Generate a blog / article page, with a built-in viewer call to see the context of the quote.

It is important to make it as easy as possible for the reader to get to the context of the fragment of the document quoted in the blog / article.

[Joel_Geraci]

Ok - If you want this all to happen on the client, you probably don't want to use Embed API and instead, use our Tools API to export the PDF to a series of images and build a UI around them to appear to be a PDF viewer. It'd be much easier to accomplish your goal that way.

[cvan15A7]

It all can be done with Embed API, except take a screenshot.

[Joel_Geraci]

Yes... but that's kind of a big part. But you can't take a screenshot from HTML at all. You can paint HTML into a <canvas> but that's not necessarily the exact same as the HTML that was rendered into a regular window.

[cvan15A7]

The Tools API has a problem that:
* I add annotation on the client side
* I am sending the pdf file to the server
* taking a screenshot of ALL document pages
* I cut and download the fragment of the page I need

Sending the entire PDF file (because in the Tools API I can't dynamically annotate, right?) And convert the ENTIRE FILE to images - it will all take a long time ... And this is supposed to be a click function.

[Joel_Geraci]

I may not have been clear. My recommendation is to preprocess the PDF files into images and not use Embed API for this application at all. 

[cvan15A7]

But somehow I have to select some text from the document. Then view your annotated document. and i also want it to look the same in the screenshot and in the document.

If I find an alternative to Adobe PDF Embed API with annotations, I will be glad, but I found nothing.

[cvan15A7 · Accepted solution]

It is impossible to hide the scrollbar, but you can get the scrollbar size and count it:

function getScrollbarWidth () {

// Creating invisible container
const outer = document.createElement('div');
outer.style.visibility = 'hidden';
outer.style.overflow = 'scroll'; // forcing scrollbar to appear
outer.style.msOverflowStyle = 'scrollbar'; // needed for WinJS apps
document.body.appendChild(outer);

// Creating inner element and placing it in the container
const inner = document.createElement('div');
outer.appendChild(inner);

// Calculating difference between container's full width and the child width
const scrollbarWidth = (outer.offsetWidth - inner.offsetWidth);

// Removing temporary elements from the DOM
outer.parentNode.removeChild(outer);

return scrollbarWidth;

}

source: https://stackoverflow.com/a/13382873/2908501