icheck
icheck copied to clipboard
unable to see check buttons when attempting to print the webpage
Hi fronteed,
do you have any suggestions in order to make the checks/radios visible when attempting to print the page?
thanks in advance
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.
I want to print my pages too...
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
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.
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?
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; }
In the print.css, I added this and it worked : @media print { input[type=checkbox], input[type=radio] { opacity: 1 !important; } } Thanks