Hide bottom toolbar or disable download option in react-doc-viewer

[salaimuniselvam-s]

I have integrated React-Doc-Viewer into my application to display DOCX files. I need to restrict users from downloading these files, but the React-Doc-Viewer includes a bottom toolbar that allows downloading. It doesn't seem to be a built-in prop to hide or disable this toolbar.

looking for a solution to either hide the bottom toolbar or restrict the download option for users.

I attempted to use CSS to hide the bottom toolbar, but since the document is displayed within an iframe, the CSS didn't have the desired effect.

https://stackoverflow.com/questions/78481650/hide-bottom-toolbar-or-disable-download-option-in-react-doc-viewer

[cyntler]

I have integrated React-Doc-Viewer into my application to display DOCX files. I need to restrict users from downloading these files, but the React-Doc-Viewer includes a bottom toolbar that allows downloading. It doesn't seem to be a built-in prop to hide or disable this toolbar.

looking for a solution to either hide the bottom toolbar or restrict the download option for users.

I attempted to use CSS to hide the bottom toolbar, but since the document is displayed within an iframe, the CSS didn't have the desired effect.

https://stackoverflow.com/questions/78481650/hide-bottom-toolbar-or-disable-download-option-in-react-doc-viewer

Could you please attach a screenshot of this?

[Aliouzidouh]

I have integrated React-Doc-Viewer into my application to display DOCX files. I need to restrict users from downloading these files, but the React-Doc-Viewer includes a bottom toolbar that allows downloading. It doesn't seem to be a built-in prop to hide or disable this toolbar. looking for a solution to either hide the bottom toolbar or restrict the download option for users. I attempted to use CSS to hide the bottom toolbar, but since the document is displayed within an iframe, the CSS didn't have the desired effect. https://stackoverflow.com/questions/78481650/hide-bottom-toolbar-or-disable-download-option-in-react-doc-viewer

Could you please attach a screenshot of this?

Hello @cyntler i also have the same issue when trying to hide the bottom toolbar, like @salaimuniselvam-s said the css have no effect because the document is displayed within an iframe

PS: when applying the style directly in the console it works

[cyntler]

@Aliouzidouh OK but MS Office renderer is working as an embedded IFRAME element with official MS service. There are not native possibility to render MS Office files in the browser. It means, there are not possibility to override CSS styles of the iframe. So sorry.