Данный виджет формы обладает множеством настроек внешнего вида, которые недоступны в стандартных виджетах. Среди которых:
✅ Цвет, прозрачность элементов формы (поля, текст в них, заголовки полей)
✅ Скрытие надписи у полей списков с картинками
✅ Изменение надписи у поля файла
✅ Скрытие "звездочек" для обязательных полей
✅ Переключение стилей полей формы (положение названия поля выше поля, внутри поля и внутри поля с выдвижением вверх при вводе текста)
В редакторе страниц вы можете найти ссылки на библиотеку компонентов, в которой содержатся нестандартные виджеты.
В ней можно найти различные решения.
Нам сейчас подходит форма с дополнительными настройками - 122
Далее - размещаем любой виджет (например, «Текст») в желаемом месте на странице.
Переходим в меню копирования и выбираем «Импорт по номеру»
Указываем уже известный номер и наслаждаемся новым решением 🙂После этого появится виджет формы с 2 полями и кнопкой.
Теперь можно перейти к настройкам.
Далее описывается добавленный функционал.
Если у вас уже была готовая форма, то можно удалить все имеющиеся виджеты из этой формы и переместить туда свои виджеты (поля, кнопки, текст и т.д.)
В настройках формы на вкладке "Поля" есть возможность выбрать один из 3 стилей полей. Первые 2 стиля как в панели виджетов и третий стиль с заголовками внутри полей. Ранее он был доступен только в виджетах старых форм.
Демонстрация всех 3 стилей на странице http://forform.plp7.ru/
Среди настроек встречается опция "Непрозрачность". Если у нее значение 0, значит элемент будет полностью прозрачным, если 100 - совсем без прозрачности.
Скрытие "звездочек" для обязательных полей и изменение надписи у поля файла возможно на вкладке "Прочее".
◾ При вводе в поле номера телефона появится клавиатура цифр вместо общей клавиатуры:
◾ Если отображение надписей у полей с картинками отключено, то картинки будут на одной строке. Иначе - по одному элементу на строку.
❗Изменение для разработчиков(передача данных из полей формы в свой скрипт): ID поля для интеграции используется теперь и как атрибут ID у поля. Это упрощает получение значения поля в скрипте.
Таким образом можно получить значения всех текстовых полей и сумму калькулятора.