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


Version: Free.
Date and time in one calendar, not two fields. The saved value is an ISO-like string, so you can sort it. That avoids the mismatches you get from separate date and time fields.
Day-only needs date. Format for display in the chunk or a snippet.
{
"name": "starts_at",
"type": "datetime",
"label": "Date and time",
"tab": "Content",
"width": 100,
"active": true
}datetime-local string.
Key starts_at in the section data (datetime-local string):
{
"starts_at": "2026-08-24T14:30"
}<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.