Skip to content Skip to sidebar Skip to footer

Hide Pop-out In Google Docs Viewer Using Javascript-jquery

I am using google docs viewer to display word and PDF files in dialog in my application. But my client need that document should not get download. So want to hide 'Pop-out' option.

Solution 1:

The following CSS will remove the pop out button.

div[aria-label="Pop-out"] {
    display: none;
}
div["aria-label=toolbar"] {
    width: 52px;
}

But to get the CSS to apply to the iframe your going to have to do some trickery. See jQuery, select element inside iframe, which is inside an iframe and How to apply CSS to iframe?

Post a Comment for "Hide Pop-out In Google Docs Viewer Using Javascript-jquery"