List: Header

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

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

Enable Layout Header

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

Add a header title and description

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

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

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

Advanced Settings: Size, Color Mode, Overlay

You can show either a large or a small header image, the Color mode lets you select the color of the text that overlaps the image, and the overlay will apply a tint to your image to make the text easier to read. 

Image position

You can also adjust the position of the image within the header to the top, center, or bottom.

Related articles