How to write RadioButton / CheckBox / A.Option A B. Option B #372

Unanswered

a44281071 asked this question in Q&A

a44281071
Oct 11, 2022

RadioButton

〇 Option A         ◉ Option B        〇 Option C        〇 Option D

CheckBox

☐ Option A         ☑ Option B        ☐ Option C        ☐ Option D

Options

A. Option A         B. Option B        C. Option C        D. Option D

Replies: 3 comments 5 replies

girlpunk
Oct 11, 2022

https://www.questpdf.com/api-reference/row

0 replies

MarcinZiabek
Oct 11, 2022
Maintainer

For rendering shapes (checkbox / radio-button with various states), you can use the Canvas element to draw paths. https://materialdesignicons.com/ has thousands of icons - for each, you can access SVG path.

For example, this image:

Can be repsresented by the following SVG path:

M18 16H14V18H18V20L21 17L18 14V16M11 4C8.8 4 7 5.8 7 8S8.8 12 11 12 15 10.2 15 8 13.2 4 11 4M11 14C6.6 14 3 15.8 3 18V20H12.5C12.2 19.2 12 18.4 12 17.5C12 16.3 12.3 15.2 12.9 14.1C12.3 14.1 11.7 14 11 14

5 replies

a44281071 Oct 13, 2022
Author

Any demos? I don't know how to display image with path code (not image file).

MarcinZiabek Oct 13, 2022
Maintainer

I am using this approach in the QuestPDF Previewer to display a nice icon when a rendering exception happens. Please take a look here: https://github.com/QuestPDF/QuestPDF/blob/main/QuestPDF/Previewer/ExceptionDocument.cs#L45-L58

This code uses standard SkiaSharp API, feel free to read more in the official SkiaSharp documentation 😁

a44281071 Oct 14, 2022
Author

Thanks. But it is not Image(),

Vashdastampedeee Feb 18, 2026

The link is not working @MarcinZiabek is there possibility for me to have access and view this? I need this in my project.

MarcinZiabek Feb 19, 2026
Maintainer

You can view the legacy implementation here: https://github.com/QuestPDF/QuestPDF/blob/2022.12.X-support/Source/QuestPDF/Previewer/ExceptionDocument.cs

However, for a modern approach, I suggest using SVG:
https://www.questpdf.com/api-reference/image/svg.html
https://www.questpdf.com/api-reference/image/dynamic.html
https://www.questpdf.com/api-reference/skiasharp-integration.html

Vashdastampedeee
Feb 21, 2026

Hello brother thanks for sending the link it will be helpful to my project. I really appreciated it.

On Thu, Feb 19, 2026 at 5:08 PM Marcin Ziąbek ***@***.***> wrote: You can view the legacy implementation here: https://github.com/QuestPDF/QuestPDF/blob/2022.12.X-support/Source/QuestPDF/Previewer/ExceptionDocument.cs However, for a modern approach, I suggest using SVG: https://www.questpdf.com/api-reference/image/svg.html https://www.questpdf.com/api-reference/image/dynamic.html https://www.questpdf.com/api-reference/skiasharp-integration.html — Reply to this email directly, view it on GitHub <#372 (reply in thread)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/BPZP6THFQNIT64AYMZ7ORXL4MV4Q5AVCNFSM6AAAAACVQKC3X2VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTKOBVG42TMMI> . You are receiving this because you commented.Message ID: ***@***.***>

0 replies

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment