There’s already a header available, and you can add up to three rows of elements in it. Some layouts may not show the header area right away, but if you drag an element to the very top of the layout, the header space appears and you can drop the element into it.
For example, here’s the default look for the top of the dashboard layout:
Say I want to add a text element as a header. I select the text element and drag it to the top. Notice how a new space appears between the built-in interface header and the top element (the filter row in this case):
Drop the element there, then style it as desired:
Placing elements in the header feels a bit more finicky than placing them in the main interface layout, but as with all things, it becomes easier with practice.
It’s also important to note that if you add record fields to the header, you won’t be able to switch them to edit mode. Header content is for display only.
As another example, here’s the header that I built for a Contacts interface:
There’s already a header available, and you can add up to three rows of elements in it. Some layouts may not show the header area right away, but if you drag an element to the very top of the layout, the header space appears and you can drop the element into it.
For example, here’s the default look for the top of the dashboard layout:
Say I want to add a text element as a header. I select the text element and drag it to the top. Notice how a new space appears between the built-in interface header and the top element (the filter row in this case):
Drop the element there, then style it as desired:
Placing elements in the header feels a bit more finicky than placing them in the main interface layout, but as with all things, it becomes easier with practice.
It’s also important to note that if you add record fields to the header, you won’t be able to switch them to edit mode. Header content is for display only.
As another example, here’s the header that I built for a Contacts interface:
Excellent, Justin — thank you so much for pointing this out! I think I’ll keep (at least for now) my repeated record names at the right of each new section, just to make it clear as possible to users what record they’re editing. But thanks for your tip, I’ve now added a header on that interface as well. This screenshot shows the page scrolled down about halfway:
Now it’s not (yet) ideal. I didn’t have much trouble placing objects in the header. My complaint is that I can’t control the alignment of the objects at all. If you look at my screenshot, you can see that I have placed all of the content objects in the middle of the page (leaving wide margins). Unfortunately the stuff up in the header is jammed over to the left and there does not seem to be anything I can do about it (again: at the moment).
One last point: I’m slightly embarrassed that I didn’t realize this, but in my defense I want to point out that I have studied the tools carefully, didn’t find any hints, and there is no mention of this feature in the documentation for Interfaces found ehere]( Interface Designer – Airtable Support). This is an important design element and might be good to have a short paragraph summarizing your excellent explanation.
But as they saying goes, “Half a loaf is better than none” and this is more than half a loaf. Thanks again, Justin.
