Welcome Guest Search | Active Topics | Sign In | Register

HTML to PDF outputs checkboxes that have gradient background Options
Tyler Miller
Posted: Thursday, December 10, 2020 2:42:47 PM
Rank: Advanced Member
Groups: Member

Joined: 1/22/2014
Posts: 38
When we put input checkboxes into our HTML and use HTML to PDF we end up with gradient checkbox controls that are awful on output. Attempts to CSS stlye the checkboxes to simple squares with black borders and a checkmark when selected have not worked.

Any ideas how to correctly do this without introducing images or custom fonts?
eo_support
Posted: Thursday, December 10, 2020 3:16:41 PM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,217
Hi,

Can you provide a small test HTML file so that we can see the problem here?

Thanks!
Tyler Miller
Posted: Thursday, December 10, 2020 3:25:35 PM
Rank: Advanced Member
Groups: Member

Joined: 1/22/2014
Posts: 38
Here's the PDF output:

https://imgur.com/a/ZpZCyQo#5VXbhP1

It was created using input checkbox selected tags.
Tyler Miller
Posted: Thursday, December 10, 2020 3:43:48 PM
Rank: Advanced Member
Groups: Member

Joined: 1/22/2014
Posts: 38
Here is the HTML

<table><tr><td><input type="checkbox" value="A" /></td><td>A</td></tr><tr><td><input type="checkbox" value="B" /></td><td>B</td></tr><tr><td><input type="checkbox" value="C" checked /></td><td>C</td></tr><tr><td><input type="checkbox" value="D" /></td><td>D</td></tr></table>
eo_support
Posted: Friday, December 11, 2020 11:43:40 AM
Rank: Administration
Groups: Administration

Joined: 5/27/2007
Posts: 24,217
Hi,

Internally EO.Pdf uses a built-in Chromium based browser engine to render the HTML. The current version of EO.Pdf is based on Chromium V81 and this is how Chromium V81 render a checkbox. We are working on a new version that will be based on Chromium V86. Chromium V86 will render checkbox like the current Chrome does.

However you should be able to use CSS to customize checkbox though. As a test, you can use our EOPdfDemo sample application to conver the following Url:

https://www.w3schools.com/howto/howto_css_custom_checkbox.asp

You should see checkbox being customized properly in the result PDF file.

Thanks!


You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.