EarthDog Posted February 9, 2020 Posted February 9, 2020 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; } } bfarber 1
Vegan Gaymer Posted March 10, 2020 Posted March 10, 2020 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?
EarthDog Posted March 10, 2020 Posted March 10, 2020 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.
Vegan Gaymer Posted March 10, 2020 Posted March 10, 2020 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!
EarthDog Posted March 10, 2020 Posted March 10, 2020 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() ?
Vegan Gaymer Posted March 31, 2020 Posted March 31, 2020 On 3/10/2020 at 11:04 AM, EarthDog said: Maybe add alink / button on page with window.print() ? Ohhh where would I put this? Inside the previous code?
Recommended Posts