Mental GrowthРуководство
Элементы
MENTAL GROWTH / РУКОВОДСТВО

Ввод и варианты ответа

Настройка Options, Input, Date Picker и Time Picker.

Проверено по редактору:

Options

Options позволяет выбрать один (Single) или несколько (Multiple) ответов. Внешний вид задаётся вариантами List и Tiles. Ответ может содержать текст, emoji или фото.

Options: Multiple, List и варианты ответа с emoji. В конце записи — переход к соседнему Input. Тёмная тема, демонстрационные данные.Открыть скриншот ↗

Настроить вопрос

  1. Добавьте Options и выберите Single или Multiple.
  2. Заполните варианты ответа. Редактор поддерживает от 2 до 12 вариантов.
  3. Для каждого ответа задайте текст и его стабильное значение Value.
  4. Выберите List или Tiles и настройте доступные параметры компоновки.
  5. При необходимости задайте Default answer, случайный порядок и действие после выбора.

Новый блок начинает без выбранного ответа: Default answer → None.

Текст ответа и Value

Текст видит посетитель; он может переводиться. Value определяет значение ответа для условий и связанных действий. Сохраняйте значения различными и не меняйте их ради нового перевода.

Пример: текст «Больше энергии», английский перевод «More energy», значение energy. Условие для этого ответа должно опираться на energy.

Несколько ответов

В Multiple можно ограничить число обычных выбранных ответов. Без ограничения посетитель выбирает любое количество.

  • Select all выбирает все доступные обычные ответы и не ограничивается лимитом ручного выбора.
  • Select none становится единственным выбранным ответом и снимает остальные. Последующий выбор обычного ответа снимает Select none.
  • Required в группе с несколькими ответами не позволяет убрать последний обычный ответ. Это не заменяет проверку всего сценария перехода на следующий экран.

Случайный порядок применяется для посетителя и не переставляет авторский список в редакторе.

Оформление

Используйте Appearance для минимальной высоты карточки, выравнивания текста и расстояния между флажком и подписью. Минимальная высота не обрезает длинный ответ: карточка может стать выше из-за содержимого.

Общие Default и Selected состояния настраиваются в Theme Studio.

Input

Input на холсте и вкладка Appearance с геометрией и локальными переопределениями. Тёмная тема редактора.

Input собирает одно значение. В Setup выберите тип: Text, Email, Password, Number или Phone. Заполните подсказку и настройте остальные доступные параметры поля.

Внешний вид имеет состояния Default, Focused и Error. Проверьте, что текст и границы читаются во всех трёх состояниях, особенно после изменения темы.

Placeholder — подсказка внутри поля. Он участвует в локализации, когда связан с переводимым текстом.

Date Picker и Time Picker

Используйте Date Picker для даты, Time Picker для времени. Настройте доступные подписи и поведение, затем проверьте ввод в клиентском Preview.

Проверка сценария

Пройдите экран без ответа, с обычным ответом и с повторной сменой выбора. Для Multiple отдельно проверьте лимит, Select all и Select none. Затем смените локаль: перевод текста не должен менять логику выбора и переходов.

На этой странице