Skip to content
PageBuilder
PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
  • MODX 3
  • PHP 8.2
  • Vue 3
  1. Компоненты
  2. PageBuilder
  3. Типы полей
  4. Free
  5. radio

Поле radio ​

Версия: Free.

Зачем этот тип ​

Один выбор из списка options. В инспекторе тот же виджет PrimeVue Select, что у select: выпадающий список, не группа переключателей. Имя типа radio в схеме отличает поле от select в шаблонах и условиях.

Когда использовать ​

  • Выравнивание left / center / right
  • Тип фона image / color / video
  • Выбор из двух-трёх вариантов с подписями

Советы ​

Много вариантов: select или optionsSource. Boolean on/off быстрее в yesno или toggle.

Похожие типы ​

Настройка ​

json
{
  "name": "align",
  "type": "radio",
  "label": "Выравнивание",
  "options": [
    {
      "label": "Слева",
      "value": "left"
    },
    {
      "label": "По центру",
      "value": "center"
    }
  ],
  "tab": "Контент",
  "width": 100,
  "active": true
}

Данные секции ​

Ключ align — строка value выбранной опции:

json
{
  "align": "left"
}

Пример в chunk ​

modx
<div class="align-[[+align]]">
  …
</div>
fenom
<div class="align-{$align|escape}">
  …
</div>

Примечание ​

Динамический список: optionsSource и connector mgr/field/options — как у select, подробнее в обзоре полей.

Общие свойства ​

Подробнее: обзор полей.

Дальше ​