Display CheckBox Value On PDF As “X”

This guide will explain how to display the CheckBox value on PDF as “x”.

Drag and Drop a CheckBox field. And save the form.

Click “PDF Editor” under “Actions”.

Enable “Custom PDF Template”. Click the Source button and paste the code.

Please use this {{compare}} statement to achieve this.

<p>
	{{#compare 6315-56e5-a79b true operator='=='}}
		Test Checkbox
	  <label style="display: inline-block;top:5px; width: 15px; height: 15px; border: 1px solid #000; position: relative">
	    <input style="display: none;" type="checkbox"/>
	    <span style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 12px">x</span>
	  </label>
  {{/compare}}
  {{#compare 6315-56e5-a79b false operator='=='}}
	  Test Checkbox<input type="checkbox"/>
  {{/compare}}
</p>

Click “PDF Settings” and select “Yes” in the “Enable Advanced Templating” option. Save PDF changes.

Try the form. The result will look like this.

If the value in the form is true:

If the value in the form is false:

For any questions, please contact us - [email protected] or the Formyoula in-app chat 🙂