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

Поле radio

Версия: Free.

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

Все варианты видны сразу, без раскрытия select. Тот же массив options, что у select. Удобен для 2–5 взаимоисключающих значений.

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

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

Советы

Длинный список: select. Boolean on/off быстрее в yesno или toggle.

Похожие типы

  • select для длинного статического списка
  • checkboxgroup для нескольких флагов

Настройка

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

Значение

Строка выбранного value.

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

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

json
{
  "align": "lg"
}

Пример в chunk

html
<div class="align-{$align|escape}">

</div>

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

Для полей с name, которые сохраняются в данных секции:

КлючТипРольПанель
tabstringПодзаголовок группы в инспектореда
width25–100Ширина поля в % строки (flex)да
descriptionstringПодсказка под подписьюда
defaultanyНачальное значение новой секциида
activeboolfalse: скрыть поле в инспектореда
requiredboolОбязательно при publish (черновик сохраняется)да

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

Дальше