ФОРМЫ / TILDA
Стилизация чекбоксов
Оформляет штатные чекбоксы Tilda как компактные индикаторы или кнопки-табы, сохраняя выбор нескольких значений и отправку формы.
Живой пример
Что делает модификация
Оформляет штатные чекбоксы Tilda как компактные индикаторы или кнопки-табы, сохраняя выбор нескольких значений и отправку формы.
Стандартные блоки TildaСледуйте требованиям в инструкции.
Готовый кодГотовый фрагмент для опубликованной страницы.
Настройки в аккаунтеВыберите параметры и скопируйте результат.
Требования
Проверяйте опубликованную страницу, а не редактор Tilda.
Настройте под свой сайт
| Настройка | Назначение |
|---|---|
| ID блоков с формой | Выберите значение в интерфейсе личного кабинета. |
| Вариант | Выберите значение в интерфейсе личного кабинета. |
| Активный цвет | Выберите значение в интерфейсе личного кабинета. |
| Неактивный фон | Выберите значение в интерфейсе личного кабинета. |
| Активный текст | Выберите значение в интерфейсе личного кабинета. |
| Скругление, px | Параметр 0–100 |
| Размер индикатора, px | Параметр 14–60 |
Пошаговая установка
- Создайте формуВ стандартном блоке формы добавьте «Галочка» или «Вопрос с вариантами ответа» с видом «Несколько вариантов ответа».
- Добавьте ответыУкажите заголовок и ответы, каждый на новой строке. Настройте обязательность и сервисы формы.
- Укажите блокиСкопируйте ID каждого блока с формой в кабинет, разделяя запятой. Выберите classic или tabs и цвета.
- Установите кодВ личном кабинете задайте параметры и нажмите «Сгенерировать код». Вставьте весь результат в T123 после подготовленных блоков. Сохраните и опубликуйте страницу.
- Проверьте выборОтметьте несколько ответов мышью и клавиатурой, снимите выбор и проверьте значения в отправленной заявке.
Важно
Проверяйте опубликованную страницу, а не редактор Tilda.
Частые вопросы
Где менять параметры?
После покупки откройте модификацию в разделе «Покупки». Настройте параметры, нажмите «Сгенерировать код» и замените прежний код на сайте.
Когда появится результат?
После публикации страницы. Проверьте классы, ID и адаптацию блоков. Установите только одну копию кода для одного набора элементов.
Что показывает пример?
Пример демонстрирует механику на элементах LF Code. На вашем сайте используются подготовленные элементы Tilda.