FORM DESIGNER

The designer is used to adjust the look and feel of the online PDF form. Any changes you make will not affect the printed PDF form.

In the Form Preview toolbar, click Design Form to open the Form Designer side panel. Use the form designer to customise the look and feel of your form.

Please Note: Design settings set in the designer only affect the Online PDF Form, and not printed PDFs.

pfe-designer

Designing the form

In the Form Preview toolbar, click Design Form to open the Form Designer side panel. Use the form designer to customise the look and feel of your form.

Saving the form Changes are visible live on the form, which lets you experiment until you get things right. When you’re finished, click Apply to save your changes.

Viewing changes The next time you publish your form, it will reflect the changes and adopt the new look-and-feel for public users. If you’re not happy with your changes, you can revert the design back to the last saved state, or reset to default—it’s up to you.

Custom CSS On the Form Designer, click the CSS tab, and add your CSS styles to the text box. Custom CSS will override any other styling set in the designer. To save your styles, click Apply. Any changes will be visible the next time you publish a form.

Controls of the Form Designer

When you embed a form on your website, the form’s submission bar always appears at the bottom of the PDF page.

The following controls are used for designing your form.

Name Description
Form Width Adjust the form’s width in pixels.
Input Border Colour Input text colour. This is the colour of the tick (check) in the checkbox and the selector of a dropdown.
Input Colour Background colour of the input fields.
Form Title Colour Colour of the title text.
Label Colour Colour of the signature and image upload label.
Button Colour Background colour of the Submit button.
Submission Bar Colour Background colour of the Submission bar.
Error Background Colour Background and border colour of an input box after an error.
Error Text Colour Colour of the text in an error message.