Gravity Forms - Радио кнопки с индивидуальными описаниями - PullRequest
Новая
       24

Gravity Forms - Радио кнопки с индивидуальными описаниями

0 голосов
/ 19 апреля 2019

У меня есть несколько переключателей, для каждого из которых нужно текстовое описание, чтобы пользователи знали, что они выбирают.

Я хотел бы добавить поле ввода в параметрах переключателей для каждого параметра переключателя, который может принимать HTML. Затем его необходимо отобразить в каждом элементе списка радио. Я попытался просто добавить детали в область HTML внизу, но это не подходит для мобильных экранов, так как детали не зависят от выбора радио и поэтому не отображаются под каждым радио, когда экран изменен.

1 Ответ

1 голос
/ 20 апреля 2019

Рассматривали ли вы включение описания внутри ярлыка переключателя?Если вы настраиваете каждую метку выбора следующим образом:

<div><span>First Choice</span><span>And this is the description.</div>

Вы можете оформить ее следующим CSS: 

.ginput_container_radio input {
    vertical-align: bottom;
}

.ginput_container_radio label span {
    display: block;
}

.ginput_container_radio label span:nth-child(2) {
    opacity: 0.6;
    font-size: 0.9em;
}

И это будет выглядеть примерно так:

Screenshot of Radio Button Field

...