www.wysiwygwebbuilder.com

Posted: **Fri Jul 05, 2024 1:34 pm**

Hello,

by default a web browser doesn't print 'background graphics'.
I would like to print my form to pdf, however all 'checked' checkboxes are not visible, while the 'unchecked' are visible in the print preview. Unless, you go to 'more settings' > options > background graphics, in Edge browser for example.

Is it possible to have a checkbox not as a background image? Background Mode-Transparent doesnt work unfortunately.

Example 1, without Background graphics: https://1drv.ms/i/c/a4f6e4bf08096abd/EX ... Q?e=as1824
Example 2, with Background graphics: https://1drv.ms/i/c/a4f6e4bf08096abd/EX ... w?e=BpqdQx

Thank you!

Posted: **Fri Jul 05, 2024 2:03 pm**

Alternatively, you can let the browser render the default checkbox by setting style to 'default'.

Posted: **Fri Jul 05, 2024 2:08 pm**

Yes, that works, however afaik you get a basic checkbox with no colors and non-adjustable size.
If I could change the size I would go for that...

Posted: **Fri Jul 05, 2024 2:24 pm**

As now you are using the default checkbox of the browser you can use the id or class of the checkbox

for example:

// If class

Code: Select all

.row-checkbox {
height: 16px;
width: 16px;
}

//if id

Code: Select all

#row-checkbox {
height: 16px;
width: 16px;
}

Posted: **Fri Jul 05, 2024 2:46 pm**

The default HTML checkbox does not support styling. That is why WWB provides 2 alternatives: jQuery and Bootstrap. These require a background style for the appearance.

www.wysiwygwebbuilder.com

Print checkboxes not visible

Print checkboxes not visible

Re: Print checkboxes not visible

Re: Print checkboxes not visible

Re: Print checkboxes not visible

Re: Print checkboxes not visible