List: Header

Who can use this feature?

👤  Available on all plans

On any List layout, you can add a header that will give your users more context about the page. For example, you can add your team's photo on your team page in a CRM app, or you can show off your most beautiful property in a property management app. 


You can add a header image, title, and a description.

Screenshot_2022-01-13_at_12.42.29.png

Enable Layout Header

  1. Go to a List layout page
  2. Click Edit Layout
  3. Click Header

Header.gif

Add a header title and description

You can use the header title and description to further explain the purpose of the page. To add a header title and description:

  1. Go to a List layout page
  2. Click Edit Layout
  3. Click Header 
  4. Add the title and description
  5. Click Save Layout

Screenshot_2022-01-13_at_14.12.07.png

Add a header image

The images need to be .jpg, .png, or .gif, with a recommended image height of 200px for small headers, and 400px for large. To upload a header image:

  1. Go to a List layout page
  2. Click Edit Layout
  3. Click Header -> Image -> + Add
  4. Upload or search the image you want to use
  5. Click Save Layout

Colour mode and overlay

Colour mode lets you select the colour of text that overlaps the image, while the overlay will apply a tint to your image to make the text easier to read. 

Color_mode_and_overlay.gif

 

Image size and position

You can show either a large or a small header image. You can also adjust the position of the image within the header to top, center, or bottom.

Image_size_and_position.gif

Related articles

How-to guides  
Creating a home page  

Articles in this section