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


Version: Free.
A URL segment, not free text. sourceField copies a title on the first save. In Pro, per-screen values (responsive) are not applied to fields named alt, caption, or slug.
Store full URLs in url, not slug. Slug is excluded from the responsive map by default.
{
"name": "slug",
"type": "slug",
"label": "Slug",
"sourceField": "title",
"separator": "-",
"tab": "Content",
"width": 100,
"active": true
}Slug string.
Key slug in the section data:
{
"slug": "section-title"
}<span class="slug">[[+slug]]</span><span class="slug">{$slug|escape}</span>Source: sourceField, slugSource, or alias from. Separator: separator.
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 |
Pro (capability responsive): with responsive: true, the section data uses desktop, tablet, mobile keys instead of a scalar.
sourceField / from, separator. Responsive is disabled for field name slug.See fields overview.