Trying to disable ToolHeader from pdftron

Technical Support
, , ,
1

Product:

Product Version:8.0.1

Please give a brief summary of your issue:
(Think of this as an email subject)

Hi Expert I am using pdftron webviewer widget in my mendix application there I am trying to disable Toolheader with the below code
’ instance.UI.disableElements(DISABLE_ELEMENT_LIST);’
its disabled with above code we can see in below screenshot

image
image1794×688 65.5 KB

but when I resize the browser window again that toolheader visible.when browser window width goes under 900px .

image
image1113×517 40.4 KB

is there any way to handle this issue

Please describe your issue and provide steps to reproduce it:
(The more descriptive your answer, the faster we are able to help you)

Please provide a link to a minimal sample where the issue is reproducible:

2

Hello,

Thank you for contacting WebViewer support.
Could you please provide us with what you have on the variable “DISABLE_ELEMENT_LIST”?

Thank you in advance.

Dandara Navarro
Web Software Developer
www.apryse.com

3

Hi,
DISABLE_ELEMENT_LIST have the name of data-element “toolsHeader”
image
I also tried with below code
instance.UI.disableElements([ ‘toolsHeader’ ]);

4

if there is any workaround to hide this? Either through custom css or programmatically using JS

I tried with custom CSS but custom CSS not applying on there.

5

Hello,

Thank you for the provided information.
I was able to reproduce the issue. Since this is an old version of our product I was wondering if would it be an option for you to upgrade the WebViewer to at least version 8.1. This issue is fixed on this version and you would only need to disable the “toolsHeader” and “header”

const DISABLE_ELEMENTS = [
    'toolsHeader',
    'header'
  ]

instance.UI.disableElements(DISABLE_ELEMENTS);

Best,
Dandara Navarro