Available on SaaS with FlowX.AI . This feature is live on managed (SaaS) deployments now. Self-hosted deployments receive it with the next LTS release.
Overview
The Global Header and Global Footer are UI Flow components that display consistently around every page of the flow โ a single header at the top and a single footer at the bottom, instead of repeating the same elements on each page. They are added from a dedicated global components section, available only for UI Flow resources (not process user tasks), and only on the Web device view. Each UI Flow can have at most one header and one footer.Positioning
Both components support two positions:- Fixed โ the area stays pinned as the page content scrolls. This is the default for the header.
- Static โ the area scrolls with the page content. This is the default for the footer.
Child components
A header or footer can hold the same components as a container โ for example Container, Form, Button, Link, Text, Image, Custom components, File Upload, and File Download โ so you can build navigation bars, action bars, or persistent menus. The following components cannot be placed inside a header or footer:- Collection
- Table
- Task Management
- Chat
Navigation areas (pages, zones, tabs, steppers, modals) are not available as children โ a header or footer holds content components, not layout structure.
Actions
Components inside a header or footer support the usual event handlers, with one exception: the Dismiss action is not available, because a global area is not tied to a single page or modal to dismiss. Forms placed inside a header or footer submit normally.Styling
The style panel for a header or footer exposes:- Layout โ position (Static or Fixed) and the flex or grid arrangement of children.
- Sizing โ height (with optional overflow scrolling).
- Spacing โ padding and margin.
A fixed header and footer are accounted for in page height automatically, so scrollable content and the chat area leave room for them.
Related resources
Container
The container component that headers and footers build on
Root components
How components are structured in the UI Designer

