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 Layout section of the right sidebar, you can choose between a one- or two-column layout. 

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.

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 images: Choose a stock image. 

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 a cover image with the cursor on Reposition.

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.

Was this article helpful?