Print checkboxes not visible

Issues related to forms.
Post Reply
viper83viper
 
 
Posts: 6
Joined: Fri May 24, 2024 12:17 pm

Print checkboxes not visible

Post by viper83viper »

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!
User avatar
Pablo
 
Posts: 22472
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Print checkboxes not visible

Post by Pablo »

Alternatively, you can let the browser render the default checkbox by setting style to 'default'.
viper83viper
 
 
Posts: 6
Joined: Fri May 24, 2024 12:17 pm

Re: Print checkboxes not visible

Post by viper83viper »

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...
wwonderfull
 
 
Posts: 1439
Joined: Fri Aug 21, 2020 8:27 am
Contact:

Re: Print checkboxes not visible

Post by wwonderfull »

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;
}
User avatar
Pablo
 
Posts: 22472
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Print checkboxes not visible

Post by Pablo »

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.
Post Reply