Top.Mail.Ru
Loading...
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерка
Новости +13
Шаблоны
Идеи
Услуги
NLM021 • ВРЕМЯ НАСТРОЙКИ: 2 МИНУТЫ

кастомизация радиокнопок (radio button) в tilda

Модификация поможет кастомизировать стандартные радиокнопки, настроить тип, расположение, цвета активной и неактивной радиокнопки.
Инструкция (Развернуть↓)
1. Добавляем id блока стандартной формы или формы в Zero Block в генератор. В форме должен стоять тип поля "Вопросы с вариантами ответа" (Question with answers) и выбираем "Один вариант ответа" (радиокнопки) (One variant of answer (radio button));

2. Выбираем тип радиокнопки: Стандартный круг или кнопки;

3. Выбираем расположение: стандартное или в ряд (количество определяется размером формы);

4. После выбора типа, настраиваем цвета активного и не активного бордера;

5. Добавляем блок Т123 и вставляем в него сгенерированный HTML код или вставляем код в Настройки сайта → Еще → Пользовательские CSS-стили;

ВАЖНО: Цвет основного бордера настраивается на стороне Тильды.

В стандартном блоке Настройки → Стиль полей для ввода → Цвет галочки, переключателей и др. элементов и вставляем свой цвет;

В Zero блоке выбираем форму Settings → Form style → Color of checkboxes, radio btns, and other elements и вставляем свой цвет;
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1