Print Modal Content

Is there any way to print only the content of the modal without the modal title and footer? I tried using JS but it only detects the parent screen where the modal is.

This is the print preview of the Print function with JS.

Hi Richard,

I had a try, it will involve tweaking the css for media print.  See attached oml.

It still might need some alterations to fit your exact case, I basically added css to

  • make the modal-top and modal-footer classes not display in print
  • remove the shadow around the modal-wrapper
  • remove the top border of the modal-footer
  • change alignment of modal-wrapper inside modal to print at the top

Hope this points you in the right direction,



Thank you, Dorine!

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.