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


Version: Pro.
Pick a record in a search window instead of typing an id. Search uses searchAction, for miniShop3 and for your own connectors. The data stores id and pagetitle, not the whole resource.
Multiple resources use multirelation. XPDO class id without modal is combo.
{
"name": "product",
"type": "relation",
"label": "Product",
"searchAction": "mgr/ms3/products/search",
"tab": "Content",
"width": 100,
"active": true
}Object { id, pagetitle, … }.
Key product in the section data (picker stores only the selection):
{
"product": {
"id": 42,
"pagetitle": "About us"
}
}uri and context_key, but data stores id and pagetitle.<span class="related">[[+product.pagetitle]]</span>{if $product.id}
<span class="related">{$product.pagetitle|pb_text}</span>
{/if}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 |
searchAction for a custom connector (e.g. ms3).See fields overview.