[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 697
  • Last Modified:

How to do a solid square for a tickbox


I am designing a form in html (Not as in <form> i mean a paper based form) to be printed of and filled in.

I have having a realll headache trying to do tick boxes. Heres what i have tired:
- An image of a square, but for some reason when the web app converts it to a PDF, 2 sides of the square come out as 2px and the other 2 sides at 1px.
- A special character (&#9744;) but that just comes out with extra line breakes for some reason (see attached image)

Anyone have any other suggestions?
  • 2
1 Solution
I don't understand exactly what you don't like with the &#9744; character.
If it is because of the wrap inside "Hair & Beauty Studies", I suggest you style the corresponding container accordingly, e.g. <p style="white-space: nowrap">
previewservicesAuthor Commented:
I have attached another example. The above tick boxes are the images which are quite close to  each other whereas the bottom tick boxes have quite a bit of spacing.
if you are just making a form for print you might try Microsoft Word.  It has draw features and would be a much better tool than trying to format everything with html.
previewservicesAuthor Commented:
There is more to this than just printing a form. There is an asp form when pre fills part of this form and converts the html into PDF.

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now