Виджет "Форма" с расширенными настройками

Kак изменить цвет, прозрачность элементов формы и другие настройки

Данный виджет формы обладает множеством настроек внешнего вида, которые недоступны в стандартных виджетах. Среди которых:
✅ Цвет, прозрачность элементов формы (поля, текст в них, заголовки полей)
✅ Скрытие надписи у полей списков с картинками
✅ Изменение надписи у поля файла
✅ Скрытие "звездочек" для обязательных полей
✅ Переключение стилей полей формы (положение названия поля выше поля, внутри поля и внутри поля с выдвижением вверх при вводе текста)

Как перенести компонент из библиотеки в редактор?

В редакторе страниц вы можете найти ссылки на библиотеку компонентов, в которой содержатся нестандартные виджеты.

https://creatium.io/library

В ней можно найти различные решения.

Нам сейчас подходит форма с дополнительными настройками - 122

Далее - размещаем любой виджет (например, «Текст») в желаемом месте на странице.

Переходим в меню копирования и выбираем «Импорт по номеру»

Указываем уже известный номер и наслаждаемся новым решением 🙂После этого появится виджет формы с 2 полями и кнопкой.

Установка виджета завершена. ✅

Теперь можно перейти к настройкам.
Далее описывается добавленный функционал.
Если у вас уже была готовая форма, то можно удалить все имеющиеся виджеты из этой формы и переместить туда свои виджеты (поля, кнопки, текст и т.д.)

В настройках формы на вкладке "Поля" есть возможность выбрать один из 3 стилей полей.  Первые 2 стиля как в панели виджетов и третий стиль с заголовками внутри полей. Ранее он был доступен только в виджетах старых форм.
Демонстрация всех 3 стилей на странице http://forform.plp7.ru/  

Среди настроек встречается опция "Непрозрачность". Если у нее значение 0, значит элемент будет полностью прозрачным, если 100 - совсем без прозрачности.

Скрытие "звездочек" для обязательных полей и изменение надписи у поля файла возможно на вкладке "Прочее".

Изменения для мобильных устройств:

◾ При вводе в поле номера телефона появится клавиатура цифр вместо общей клавиатуры:


◾ Если отображение надписей у полей с картинками отключено, то картинки будут на одной строке. Иначе - по одному элементу на строку.

Изменение для разработчиков(передача данных из полей формы в свой скрипт): ID поля для интеграции используется теперь и как атрибут ID у поля. Это упрощает получение значения поля в скрипте.
Таким образом можно получить значения всех текстовых полей и сумму калькулятора.

👆 На этом пока всё