Search

Ask me anything

Customize a Form's design

Customize the design elements of your Form, by changing the layout, theme, and colors, or adding a cover image.

Feature availability and limits vary by plan and user role. Learn more

Edit the Form layout

In the Settings tab, use the Layout section of the right sidebar to choose one of three layouts:

  • One column: All questions appear in a single column on one page.
  • Two column: Questions appear in two columns on one page.
  • One per page: Respondents see a welcome screen, then answer one question per page.

The Form builder still shows all of your questions together, so open the public Form URL to see the multi-step flow.

Screenshot of settings page (1).png

Change the Form theme, background, and button colors

In the Colors section of the right sidebar, you can update the theme, background, and button colors.

Screenshot of the colors section in the right sidebar (1).png

Theme

Choose light or dark mode.

Background

To update the Form background:

  • Click a square to select a color.
  • Click the image icon to select an image.
  • Click the dropper icon to enter a Hex code.

Buttons

To change the color of the Submit button, or any other buttons in your Form:

  • Click the image icon to select an image.
  • Click the dropper icon to enter a Hex code.

Add a cover image

To add a cover image:

  1. Select the Build tab.
  2. Hover over the logo and click Add cover.
  3. In the cover modal, click one of the following tabs:
    • Gallery: Choose a color, gradient, or image from our gallery.
    • Upload: Upload an image from your device. Images wider than 1480 pixels are recommended.
    • Link: Add the absolute path URL link to an external image.
    • Search: Choose a stock image.

With the One per page layout, the cover image appears on the welcome screen only. It does not stay pinned above the question pages, so each question stays centered.

The Preview tab does not display the cover image. To check how it looks, open the public Form URL.

Reposition, change, or remove a cover image

To reposition the cover image:

  1. Select the Build tab.
  2. Hover in the upper-right corner of the cover image.
  3. Click Reposition and drag the image to reposition it.
  4. Click Save position.

Screenshot of the save position button (1).png

To change the cover image:

  1. Select the Build tab.
  2. Hover in the upper-right corner of the cover image.
  3. Click Change cover.
  4. Select a new cover image.

To remove the cover image:

  1. Select the Build tab.
  2. Hover in the upper-right corner of the cover image.
  3. Click Change cover.
  4. In the upper-right corner of the cover image modal, click Remove.

Add your own branding

Workspaces on Business Plus and Enterprise Plans can remove ClickUp branding on Forms and add their own.

After clicking the Hide ClickUp branding toggle on in the Settings tab's Submission setting section, to add your own branding:

  1. In Build or Settings mode, above the Form name click the image icon.
  2. Click Upload and select an image from your device.
  3. Crop your image, then click Save.