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


Version: Pro.
A formatted amount in the inspector, not a plain number. In Pro you can set different values for desktop, tablet, and phone, as with number and text. Money stays separate from counters and percentages.
Currency key in schema sets ISO or symbol config. Discount percent is number, not currency.
{
"name": "price",
"type": "currency",
"label": "Price",
"currency": "RUB",
"min": 0,
"max": 999999,
"tab": "Content",
"width": 100,
"active": true
}Number or null.
Key price in the section data (number or null):
{
"price": 1990.5
}<span class="price">[[+price]] ₽</span>{if $price !== null}<span class="price">{$price} ₽</span>{/if}Currency: currency. Limits same as number. Pro: responsive.
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.
See fields overview.