We got a request from an end-user. They have been handing out the Patient Summary -> History -> Edit screens to their patients to fill out. When they print out the frames the input box borders are so light gray they hardly appear. As a work around, I added a CSS style to the INPUT to outline the checkbox and radio inputs and then just darken the border on the text box. This gives it an interesting appearence on the screen but does solve the browsers not printing the inputs darker. I also added a Print button that just does a javascript:window.print() so they wouldn’t need to right click it. Are these features useful? Maybe a global that is site controlled under Appearance (enable outline on checkbox/radial)??? screenshot
Is possible to have CSS @media (and may be jQuery if necessary) do its magic - don’t print unchecked checkbox items and radio buttons with N/A? Also radio buttons could get translated into ‘Normal’ or ‘Abnormal’ on the printout.
end-user is using the print out for data entry so they wanted the checkboxes and radio buttons to be displayed so the patient can select the proper choice. They were using it with their patient registration forms I believe. They could have just as easily created a duplicate of the screens in Write/Word/WordPad/etc they just didn’t want too I guess.
In that case you are still better off using @media print CSS to make checkboxes and radio buttons bigger and bolder on printed page but standard display can remain unaffected.
sounds good to me. I put @media print { } around the INPUT styles. Looks normal on screen again and looks great on paper. Shouldn’t this just be put in one of the main style sheets in case other forms get printed that contain checkbox or radio inputs?
