Layouts (Page Composition Layer)

A Layout represents the structural definition of a single page within a P4 application. It determines how components and widgets are arranged, how they interact, and what processes govern their behavior.
Layouts bridge the gap between user interface design and logical functionality - defining not just what the page looks like, but also how it behaves through placed Widgets.

In the Process Builder architecture, Layouts form the Page Composition Layer, sitting between:

• Widgets (UI Logic Layer) - which define user actions and reactions.

• Application Structure (Module Hierarchy Layer) - which determines where the layout belongs in navigation.

Each Layout is a reusable template that can serve multiple application pages or modules.