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


Version: Free.
The editor picks a resource template variable (TV). On the site its value is printed as [[*{$tv.name}]]. The section does not copy the value. It only names which TV to read.
TV value is not duplicated in the section data. Inline upload in section is image or file.
{
"name": "tv",
"type": "tv",
"label": "TV",
"tab": "Content",
"width": 100,
"active": true
}Object { id, name, caption }.
Key tv in the section data:
{
"tv": {
"id": 7,
"name": "hero_image",
"caption": "Hero image"
}
}[[*tvname]]{$_modx->resource[$tv.name]}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.