Jump to content

Recommended Posts

Posted

Thank

On 2/5/2020 at 3:56 PM, bfarber said:

In the AdminCP under Customization > Themes, click the </> icon next to your theme. On the template editor page click the CSS tab, and then click on custom.css.

Add this to the end of the file:


@media print {
  /* Custom styles go here */
}

And then add whatever CSS you need to (i.e. to hide unimportant page elements) where you see "/* Custom styles go here */".

Thanks!!!!

In my case , everything id nicely printed to PDF by using the following:

@media print {
  .ipsBreadcrumb.ipsBreadcrumb_top,
  .ipsBox_alt.ipsPhotoPanel,
  html[dir="ltr"] .ipsFollow,
  .ipsList_inline, .ipsList_reset,
  .ipsBreadcrumb.ipsBreadcrumb_bottom,
  .ipsGrid.ipsGrid_collapsePhone.ipsPager.ipsClearfix.ipsSpacer_top,
  .ipsItemControls,
  .ipsType_reset.ipsType_medium.ipsType_light,
  hr.ipsHr,
  .ipsTabs_panels.ipsTabs_contained,
  .ipsTabs,
  #ipsLayout_footer,
  #elCopyright,
  header { display:none;}

  .ipsBox { border: none; }
  
  .ipsLayout_container { padding : 0; }
}

 

  • 1 month later...
Posted
On 2/9/2020 at 12:10 PM, EarthDog said:

Thank

Thanks!!!!

In my case , everything id nicely printed to PDF by using the following:


@media print {
  .ipsBreadcrumb.ipsBreadcrumb_top,
  .ipsBox_alt.ipsPhotoPanel,
  html[dir="ltr"] .ipsFollow,
  .ipsList_inline, .ipsList_reset,
  .ipsBreadcrumb.ipsBreadcrumb_bottom,
  .ipsGrid.ipsGrid_collapsePhone.ipsPager.ipsClearfix.ipsSpacer_top,
  .ipsItemControls,
  .ipsType_reset.ipsType_medium.ipsType_light,
  hr.ipsHr,
  .ipsTabs_panels.ipsTabs_contained,
  .ipsTabs,
  #ipsLayout_footer,
  #elCopyright,
  header { display:none;}

  .ipsBox { border: none; }
  
  .ipsLayout_container { padding : 0; }
}

 

I added all of this in Custom but it did not show up anywhere. Any suggestions for what I may have done wrong?

Posted
11 minutes ago, Vegan Gaymer said:

I added all of this in Custom but it did not show up anywhere. Any suggestions for what I may have done wrong?

The result is viewable when you press CTRL+P... In print preview you should be able to see a "clean" output....

If not , use F12 developer browser tools to find out what you need to adjust in custom css.

Posted
27 minutes ago, EarthDog said:

The result is viewable when you press CTRL+P... In print preview you should be able to see a "clean" output....

If not , use F12 developer browser tools to find out what you need to adjust in custom css.

Oh shoot, I see now. Thanks!

Do you know of any other options that can be added for more intuitive use, like with a button and in-browser view? Thanks!

Posted
4 minutes ago, Vegan Gaymer said:

Oh shoot, I see now. Thanks!

Do you know of any other options that can be added for more intuitive use, like with a button and in-browser view? Thanks!

Maybe add alink / button on page with 

window.print()

?

  • 3 weeks later...
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...