
PageBuilder
Visual section builder for MODX 3: draft and publish without overwriting resource content
- MODX 3
- PHP 8.2
- Vue 3


Version: Pro.
A list from the database: resources, templates, and other allowed classes. Options load through mgr/field/options and the pbOnFieldValues event. Search stays in the dropdown, not in a window like relation.
Resource with pagetitle in data → relation. Multiple values → multicombo.
options listoptionsSource. The inspector grid is table{
"name": "related",
"type": "combo",
"label": "Related",
"optionsSource": {
"class": "modResource"
},
"tab": "Content",
"width": 100,
"active": true
}Selected value (string or id).
Key related in the section data: string or id from optionsSource:
{
"related": 5
}[[+related]]{$related|pb_text}For fields with name that are stored in the section data:
| Key | Type | Role | CMP |
|---|---|---|---|
tab | string | Group subtitle in the inspector | yes |
width | 25–100 | Field width as % of the row (flex) | yes |
description | string | Hint under the label | yes |
default | any | Initial value for a new section | yes |
active | bool | false hides the field in the inspector | yes |
required | bool | Required on publish (draft still saves) | yes |
See fields overview.