
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 types the labels. There is no fixed options list. It fits filters and labels on cards.
Fixed enum fits multiselect or checkboxgroup. Values are strings, not objects.
{
"name": "labels",
"type": "tag",
"label": "Labels",
"tab": "Content",
"width": 100,
"active": true
}Array of strings.
Key labels in the section data: array of strings:
{
"labels": [
"new",
"sale"
]
}{foreach $labels as $label}
<span class="label">{$label}</span>
{/foreach}{foreach $labels as $label}
<span class="label">{$label|pb_text}</span>
{/foreach}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.