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


Version: Free.
A calendar, not typed text. It is not a time and not a date with a time: those are time and datetime. The format stays stable, so you can sort the date in Fenom.
Hours need time or datetime. Do not mix timezone logic in the chunk without a clear contract.
{
"name": "starts_at",
"type": "date",
"label": "Date",
"tab": "Content",
"width": 100,
"active": true
}YYYY-MM-DD string.
Key starts_at in the section data (YYYY-MM-DD):
{
"starts_at": "2026-08-24"
}<time datetime="[[+starts_at]]">[[+starts_at]]</time><time datetime="{$starts_at|escape}">{$starts_at|escape}</time>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.