icheck icon indicating copy to clipboard operation
icheck copied to clipboard

unable to see check buttons when attempting to print the webpage

Open filippomortari opened this issue 10 years ago • 7 comments

Hi fronteed,

do you have any suggestions in order to make the checks/radios visible when attempting to print the page?

thanks in advance

filippomortari avatar Nov 03 '14 17:11 filippomortari

I am also having this issue. We are using this in a registration system where the user may print what selections they have selected as it deals with travel and arrangements.

aeflux avatar Nov 04 '14 15:11 aeflux

I want to print my pages too...

gcacars avatar Nov 05 '14 10:11 gcacars

You should know that background-image property is not working while print. Use this to solve http://stackoverflow.com/questions/5949897/how-to-get-a-background-image-to-print-using-css

Yana1 avatar Nov 17 '14 09:11 Yana1

I think this should be resolved in next version by using css drawing and not .png images. For this version I'm looking into icheck css and found that adding content:url(blue.png) does show the sprite in print with Chrome, but background-position doesn't adjust so you're left off with entire image that cannot be cropped with css. :-( If someone knows how to fix this in current version please post here, until then I'll stop using iCheck when printing.

dadoadk avatar May 15 '15 18:05 dadoadk

I am also seeing this issue would it just need to have a css tag wrapping it to allow access on print view so that it is visible?

chiefpansancolt avatar Jul 10 '15 13:07 chiefpansancolt

I have the same issue, and fix it by using customize print css like this:

//print.css .icheckbox_square-pink, .iradio_square-pink { background: #fff !important; border: 1px solid #000 !important; }

hollygood avatar May 24 '16 15:05 hollygood

In the print.css, I added this and it worked : @media print { input[type=checkbox], input[type=radio] { opacity: 1 !important; } } Thanks

phil00 avatar Nov 01 '18 17:11 phil00