Skip to main content

How Can I Change The Design or Layout Of My Form or Questionnaire?

To edit the design or layout of your form or questionnaire, follow these steps.

B
Written by Brittany
Updated over a month ago

This article discusses how to learn how to edit the layout of your form, display your logo, change your font pairing or color palette.

​To learn how to add or change your background image, or edit your background image settings, go to How To Change The Background Image of a Form or Questionnaire.


Go To Your Form or Questionnaire

  • On the Forms page, go to the Forms sub-tab next to the My Forms header.

  • Click on the form or questionnaire that you want to edit. It will open in the Form Builder.

  • In the Form Builder, go to the upper right corner and click on the Design canvas icon.

Note: To edit a Contact Form, click on the Contact Forms sub-tab and click on the contact form that you want to edit.


Article Sections:


Change the Form Layout

  • You can change your form layout by going to the Layout section.

  • There are four layout options available:

    • Full: The background color or background image is displayed as the full background of the form.

    • Left: The form text and fields are aligned to the left of the page.

    • Right: The form text and fields are aligned to the right of the page.

    • Banner: The background image is displayed as a banner.

  • To save your changes, click on the red Save button.

Change the Field Label Alignment

  • You can change how your labels are aligned by going to the Label Alignment section.

  • There are two label alignment options:

    • Top: Displays labels above the empty fields.

    • Left: Displays labels to the left of the empty fields.

  • To save your changes, click on the red Save button.

Change the Form Layout Width

You can change how wide your form is in relation to the layout. For example, when set on the left, a small form size will show more of the background image or white space on the right.

  • Go to the Form Size section.

  • Click on the Small, Medium, or Large option.

  • To save your changes, click on the red Save button.

Display or Hide Your Logo

  • From the Edit Design Panel, go to the Logo section.

  • To display your logo, select the Display checkbox.

  • To change your logo size, click on the Logo Size drop-down list and choose from Small, Medium, or Large.

  • To save your changes, click on the red Save button.

Note: To manage your logo options, click on the settings gear icon next to the Show Logo checkbox.

Change the Font Pairing

  • Under the Font Pairing header, click on the button with the current font pairing, e.g. Playfair Display & Roboto with a pencil icon next to it.

  • A Select Font Pairing box will pop up. Scroll through the pairing options.

  • Under the new font pairing you want to use, click on the Select button.

  • Click on the red Save button to save your changes.

Change The Page Theme

  • You can change the background color of your form by going to the Themes section.

  • Click on one of the other color options listed, e.g., Light 2 or Dark 1.

  • Click on the red Save button to save your changes.

Note: To change your theme color options, go to Change The Color Palette.

Change The Color Palette

  • If you don’t like the color choices available to you in the Themes palette, go to the Color Palette drop-down list in the Edit Design panel.

  • Choose another theme, such as Moonstone or Creme Brulee, from the Color Palette drop-down list.

  • Click on the red Save button to save your changes.


Related Articles

Did this answer your question?