Skip to main content

How to Customise a Submission Form

Here are the steps to customise a submission form

Oz Osbaldeston avatar
Written by Oz Osbaldeston
Updated over 2 weeks ago

After adding the correct fields, customising your submission form is a great way to align it with your brand’s identity and ensure a professional appearance. You can add headers, choose themes, and modify colours to create a seamless experience for users. Follow these steps to customise your submission form:

How to Customise a Submission Form

  1. Navigate to Projects in your Organisation Settings or dashboard.

  2. Select the project you want to customise.

  3. Click on the Submission Forms.

Add a Header Image

Follow these instructions if you'd like to add a header image that appears at the top of a form.

Customise the Theme

  1. Adjust the following elements to match your website or brand:

    • Accent Colour: The primary highlight colour for buttons and links.

    • Font Colour: The color of the text used throughout the form.

    • Background Colour: The overall background colour of the form.

  2. Use the colour picker or input specific HEX codes for precise customisation.

Background Image

  1. Select a background image. For the best results, select a portrait image as this will mimic the dimensions of your form.

  2. Choose the Background Size, whether the image repeats and the position of the image.

Edit the Image

  • Make adjustments to the

  • Background size

  • Background repeat

  • Background position

  • Panel opacity

  • Panel container opacity

Preview the Design

  1. Toggle the Preview option to view how the form will look to users.

  2. Sense-check the design to ensure it aligns with your brand and provides a clear, user-friendly experience.

Save and Publish

Publish the form by adjusting its visibility from Draft to either Private, or Public as needed.

Final Tips

  • Maintain Consistency: Use colours and fonts that are consistent with your website or other branding materials.

  • Test Accessibility: Ensure that text and background colours provide enough contrast for readability.

  • Update Periodically: Refresh the design to match any updates to your branding or seasonal themes.

Did this answer your question?