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.

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 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

Screenshot_2022-06-08_at_12.37.34.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

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.

CleanShot_2023-03-29_at_12.21.18_2x.png

Image position

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

CleanShot_2023-03-29_at_12.23.36_2x.png