Тюнинг-Софт

Настройка

Настройки компонента очень простые, функций немного, можно просто открыть настройки и сохранить, тогда применятся настройки компонента по умолчанию.

Настройка расширенной формы обратной связи

Настройки компонента

Заменять в письме поле "От" на e-mail посетителя Когда на почту приходит письмо, в обратном адресе будет e-mail посетителя, можно "Ответить" по кнопке в почтовой программе.
Но некоторые хостинги блокируют такую подмену обратного адреса и письма либо попадают в спам, либо вообще не приходят, в таком случае поможет только ее отключение.
ID формы Идентификатор проставляется автоматически при первой настройке формы, но можете вписать свой.
Необходим для отделения js-настроек и css-стилей от других форм, если их несколько на одной странице.
Автокомплит значений полей формы Автоматическая подстановка браузерами используемых ранее данных при заполнении форм.
Это сделано для удобства посетителей, чтобы при повторном заполнении формы браузеры подсказывали ему введенные ранее данные, например Имя, Фамилия, E-mail.
Записывать поля в почтовый шаблон таблицей Некоторые почтовые серверы разрывают таблицы, если у вас такое наблюдается, необходимо отключить
 
Включить jQuery-1.8.3 Очень многие сайты разработаны как с, так и без jQuery, данный модуль безе нее работать не будет, с этой опцией стоит поиграться, если форма не будет работать, по умолчанию желательно отключить.
Включить placeholder Это серенькие подсказки в полях, при клике в поле они исчезают, сделаны для красоты.
Включить автовысоту текстовых полей Большое поле ввода текста удобно, но по умолчанию не красиво и может отнимать полезное место.
При наборе текста данное поле будет автоматически расти по вертикали, сделано для удобства.
Прокручивать страницу к форме При наличии ошибок после отправки формы удобно вернуться к ней, или даже к конкретной ошибке в поле, чтобы посетитель ее видел.

Модальное окно

В настройках компонента есть опция "Текст кнопки вызова окна", если поле заполнить, то будет выводиться стандартная кнопка вызова модального окна с заданным текстом


А если поле оставить пустым, то кнопка вообще не будет выводиться.
Открыть форму в этом случае поможет такой код:

jQuery.fn.apiModal('show',{id:'#API_FEX_MODAL_FORM2'});

Где #API_FEX_MODAL_FORM2 - это идентификатор формы, который создается также автоматически при первой настройке модального окна, также можете вписать любой другой.

Этот код можно добавлять в html-атрибут onclick  или вызывать где-то в своих скриптах.
Пример кода встроенной кнопки, такое же самое вы можете сделать и для свой кнопки или ссылки.

<button class="api_button" onclick="jQuery.fn.apiModal('show',{id:'#API_FEX_MODAL_FORM2'});">
  <span class="api_icon"></span>Обратная связь        
</button>



Комментарии
Получать ответы на почту
как добавить маску на поле телефон?
Получать ответы на почту
Маски отдельным jQuery-плагином надо подключать, в этом компоненте встроенных нет.
Получать ответы на почту
Плагины, про какие я знаю, у каждого свой способ подключения
https://github.com/RobinHerbots/Inputmask
http://andr-04.github.io/inputmask-multi/ru.html
https://digitalbush.com/projects/masked-input-plugin/
Пример подключения для RobinHerbots/Inputmask
https://s.mail.ru/CAE1/S6UKoCon8
Получать ответы на почту