0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 446 Просмотров
*

DamianTrash

  • Захожу иногда
  • 164
  • 4 / 0
День добрый. Полдня мучаюсь, но не могу найти ответ. Всем хорош RSForm, но застрял на простой стилизации checkbox и radio. Обычно я формы собираю по такой конструкции:
Код
<label>
    <input type="checkbox">
    <span class="checkbox-custom"></span>
</label>

А потом стилизую. Если кратко, то так:
Код
.checkbox {display: none;} /*скрываем реальный чекбокс*/
.checkbox:checked + .checkbox-custom::before {здесь стилизуем выбранный пункт}

Но у RSForm конструкция выглядит чуть проще:
Код
<label>
    <input type="checkbox">
</label>

Вопрос: как добавить (любым способом, даже самым кривым) в блок label эту конструкцию?
Код
<span class="checkbox-custom"></span>
Я не программист, наверно поэтому просто не смог найти где формируется этот
Код
<input type="checkbox">

Может быть кто-нибудь сталкивался?
*

Irulka

  • Новичок
  • 1
  • 0 / 0
Re: Стилизация checkbox и radio для RSForm
« Ответ #1 : 02.10.2018, 03:32:29 »
Попробуйте вставить
<span class="checkbox-custom"></span>
в поле формы где ваш input формируется в модальном окне, где вы пишите все параметры поля название (id) проверка итд., есть вкладка Атрибут вот в самую последнюю строчку: Дополнительные атрибуты: там можно вставить любой тег HTML и класс добавить и placeholder написать...
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Всплывающие окна в RSForm

Автор arturexe

Ответов: 0
Просмотров: 166
Последний ответ 18.01.2019, 11:33:27
от arturexe
Как поменять разметку вывода чекбокса? (кастомизация checkbox)?

Автор Grione

Ответов: 3
Просмотров: 140
Последний ответ 14.01.2019, 18:36:00
от dm-krv
engage BOX + RSForm

Автор ROMERO

Ответов: 11
Просмотров: 437
Последний ответ 13.12.2018, 23:35:22
от ROMERO
Передать ссылку емейлом в форме (RSForm, или другой компонент)

Автор mur4alka

Ответов: 1
Просмотров: 130
Последний ответ 12.12.2018, 15:38:00
от mur4alka
Передача значения переменной из php в поле формы RSForm! Pro

Автор Victor77

Ответов: 3
Просмотров: 198
Последний ответ 29.11.2018, 13:37:36
от Septdir