Disable full-screen toolbar buttons

Answered
Vincenzo asked 1 day ago

Hi team, I have a question for you. I need to disable the open, save, and saveas buttons when I press the fullscrenn button. Rehabilitate them when I press the reset button. Is it possible?

 

Regards

Vincenzo

3 answers

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster 1 day ago

Hello Vincenzo,

Thank you for reaching out to us!

Disabling the Toolbar buttons in full-screen mode can be achieved using the following CSS rules:

#pivot:fullscreen #fm-tab-open,

#pivot:fullscreen #fm-tab-save,

#pivot:fullscreen #fm-tab-export {

pointer-events: none;

opacity: 0.4;

}

#pivot:-webkit-full-screen #fm-tab-open,

#pivot:-webkit-full-screen #fm-tab-save,

#pivot:-webkit-full-screen #fm-tab-export {

pointer-events: none;

opacity: 0.4;

}

#pivot:-moz-full-screen #fm-tab-open,

#pivot:-moz-full-screen #fm-tab-save,

#pivot:-moz-full-screen #fm-tab-export {

pointer-events: none;

opacity: 0.4;

}

You are welcome to check the following example for reference: https://jsfiddle.net/flexmonster/y01xtmw6/.

Please let us know if it works for you. Looking forward to hearing from you.

Kind regards,
Nadia

Public
Vincenzo 1 day ago

Thanks Nadia, your solution works fine.

 

Regards

Vincenzo

Public
Nadia Khodakivska Nadia Khodakivska Flexmonster 1 day ago

 

Hi Vincenzo,

Thank you for the feedback!

We are glad to hear that it works for you.

Do not hesitate to contact us if any questions arise.

Kind regards,
Nadia

Please sign in or register to submit your answer