Loading...
Nolim Academy
Расширение
Онлайн-чат
Академия
Расширение
Техподдержка
Расширение
Онлайн-чат
Nolim Academy
Модификации
Профиль
Подписка
Партнерская программа
Время настройки: 3 минуты

Как добавить свою иконку в поле формы Tilda?

Модификация поможет добавить свои иконки внутрь полей любой формы, настроить их расположение, отступы и цвет фона.
Генератор кода
Видео инструкция
Пример
Инструкция (Развернуть↓)
Вариант #1 «При вводе текста в поле иконка пропадает»

1. Добавляем стандартную форму или форму в Zero Block на страницу и добавляем поле;

2. В генераторе указываем имя переменной (VARIABLE NAME) и вставляем его в форму;

3. Вставляем ссылку на свою иконку.

Что бы получить ссылку иконки, на свою страницу вставляем, к примеру галерею GL12 и загружаем в неё изображение, копируем ссылку и вставляем в генератор. Формат файла советуем использовать svg или png;

4. Выбираем расположение: слева или справа;

5. Добавляем блок Т123 и вставляем в него сгенерированный HTML код и повторяем шаги для нового поля изменив имя поля и ссылку;

Вариант #2 «При вводе текста в поле иконка НЕ пропадает»

1. Повторяем шаги из Варианта #1 c 1 по 4;

2. В выпадающем списке выбираем "При вводе остается";

3. Настраиваем отступ иконки внутри поля от краёв;

4. Настраиваем бордер и фон;

5. Добавляем блок Т123 и вставляем в него сгенерированный HTML код и повторяем шаги для нового поля изменив имя поля и ссылку;

Имей в виду:

1. Иконки подставляются только в типы полей:

  • Имя (Name);
  • Email (Email);
  • Телефон (Phone);
  • Поле для ввода одну строку (One line input field);
  • Поле для ввода в несколько строк (Multi-line text field);
  • Выпадающий список (Dropdown);
  • Дата (Date);
  • Время (Time);
  • Ссылка (Website);

2. Если в форме есть тип поля "Телефон (Phone)", то нужно отключить функцию "Автоматическая маска с кодом страны (Auto mask with country code)";

3. Если в форме есть тип поля "Дата (Date)" то нужно настроить в форме цвет стандартной иконки такой же как и цвет поля, а расположение нашей иконки должно быть только слева иначе стандартная иконка будет перекрывать нашу иконку;

4. Если работаете со стандартной формой, нужно отключить функцию "Оставлять подсказку видимой при клике на поле" иначе работать код не будет;
Class элемента
Код доступен только тем, кто оплатил подписку
Подписка стоит 400р./мес.
Покупая подписку, ты получаешь доступ ко всем уникальным модификациям
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Подписка закончилась((
Нужно продлить, что бы получить доступ.
Так так так...
а этот генератор кода доступен только по подписке
Код доступен только тем, кто зарегистрирован
Зарегистрировавшись, ты получаешь доступ ко всем бесплатным модификациям
Made on
Tilda