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

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

How to do a solid square for a tickbox

Hi,

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?
form-example.jpg
0
previewservices
Asked:
previewservices
  • 2
1 Solution
 
thehagmanCommented:
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">
0
 
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.
form-example2.jpg
0
 
rbudjCommented:
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.
0
 
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.
0

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