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


Version: Free.
A time field, not a free string. Put the date in a separate date field. It fits a schedule and opening hours.
Single date+time value use datetime. Site timezone is a MODX concern, not the field.
{
"name": "starts_at",
"type": "time",
"label": "Time",
"tab": "Content",
"width": 100,
"active": true
}HH:MM string.
Key starts_at in the section data (HH:MM):
{
"starts_at": "14:30"
}<span class="time">[[+starts_at]]</span><span class="time">{$starts_at|escape}</span>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.