Printing Forms with Checkboxes

[pgodwin]

I had an issue when printing forms with checkboxes where the checkbox marks would not print. This looks like an issue with the background images.

Original Form:


Form when printed:


My work around was to use the following print-media CSS:

        .x-form-checkbox {
            display: none;
        }
        .x-form-cb-checked .x-form-cb-label:before {
          content: '☑';
          font-size: 18px;
          line-height: 0.8;
        }

        
        .x-form-cb-label:before {
          content: '☐';
          font-size: 18px;
          line-height: 0.8;
        }

With the CSS hack above the form now looked like this when printed:


I'd say radioboxes would be able to modified in the same way.