Войти

Использование LinkedValues для стилизации страниц решения

Общая информация

Правильная настройка LinkedValues дает возможность значительно оптимизировать разработку экранов, в которых меняется текстовое наполнение экрана в завиcимости от выбора квизов, чекбоксов и любых условий на предыдущих экранах. Таким образом, использование linkedValues для стилизации текста даёт возможность разработать один экран вместо нескольких экранов одного типа с разными текстовками

Имея следующую структуру:

1.png

Можно прийти к следующему результату, не теряя в содержании:

2.png

Настройка LinkedValues

Дано: экран квиза с 3 выборами ответа и 1 страница решения

Необходимо: сделать динамическое отображение информации в зависимости от выбора в квизе

1. Устанавливаем переменную (например ${1}) на страницу решения

3.png

2. Открываем расширенный режим и переходим в раздел Вычисляемые аргументы компонента (linkedValues)

4.png

3. В поле «Название аргумента» указываем значение переменной из п.1. В поле «Источник данных» указываем компонент, на который будем ссылаться (в нашем случае компонент квиза c41)

5.png

4. Настраиваем. Поле 1 — значение, которое забираем из экрана квиза (в данном случае «условие when» передает именно такое значение. У вас может быть любое другое, которое обозначите в настройках компонента квиза). Поле 2 — текст, который будет отображен в том случае, если пользователь в квизе выберет значение «Родителем или усыновителем». Поле 3 — ссылка на переменную (см. п. 1)

5. Аналогичным образом настраиваем для иных вариантов ответа пользователя

После всех настроек, если отдельно опубликовать страницу решения, будет следующая картина:

Всё верно, так как отображение контента на экране зависит от выбора значения в квизе на экране раньше. Перейдём с экрана квиза на страницу решения. Выберем пункт 1

Для пользователя отобразился контент, настроенный для данного типа ответа

Выберем значение «Опекуном или попечителем». Контент на странице поменялся

Итого, имея всего два экрана (1 страница квиза и 1 страница решения), можно покрыть все ответы пользователя и динамически отображать информацию в зависимости от выбора в квизе

Детальную настройку вы всегда можете посмотреть в Эталонной услуге

Авторизуйтесь, чтобы оставить комментарий к статье