Бесплатный
конструктор форм
для Yootheme Pro

С помощью конструктора форм обратной связи, созданного на основе RadicalForm вы можете легко создавать любые формы с помощью мыши в привычном вам конструкторе страниц.

Как это работает?

RadicalForm Elements работает совместно с плагином форм обратной связи RadicalForm. В область формы обратной связи можно превратить как секцию, так и любую колонку - достаточно им установить css класс rf-form
Выбираем область, которая у вас будет служить формой - это может быть секция или колонка.
Назначаем ей CSS класс rf-form
Добавляем в эту область нужные элементы билдера в обычном порядке.
Не забываем добавить кнопку отправки формы.
Настраиваем действия, которые нужно совершить после отправки и необходимые интеграции в плагине RadicalForm.
Историю отправки форм можно будет найти там же.

Что делать с именами полей?

Наверняка вам хочется, чтобы имена полей в вашей форме имели не только английские названия, но и приходили в письмах и мессенджерах на вашем родном языке.

Используйте стандартные средства Joomla по переопределению языковых констант

Имена полей формируются автоматически, но вы их можете ввести самостоятельно по вашему усмотрению в каждом поле. И точно так же можно будет их перевести на нужные языки.

Многошаговые формы

Для содания опросов, квизов, калькуляторов и других форм, разбитых на несколько шагов, предназначены дополнительные кнопки, «Next» и «Previous».
Многошаговая форма строится внутри секции. Вся секция представляет собой одну многошаговую форму, а каждый шаг в ней – это один ряд (или строка).

Как создать многошаговую форму?

  • 1 шаг:
    Указываем классы rf-form и rf-steps для секции
  • 2 шаг:
    Для каждого ряда (строки) нужно установить внешний отступ в none.
  • 3 шаг:
    Неактивные шаги (строки или ряды) помечаются атрибутом hidden
  • 4 шаг:
    проверяем Step CSS классы – они указывают на следующие шаги.

Какие классы нужно указывать в поле Step CSS classes?

  • Если секция используется по умолчанию:
    не меняем ничего и оставляем классы как были:
    .rf-steps > .uk-container > div:nth-child({step})
  • Cекция имеет фоновое изображение:
    устанавливаем этот класс:
    .rf-steps > div > .uk-container > div:nth-child({step})
  • Ряд (строка) имеет установленную максимальную ширину:
    устанавливаем этот класс:
    .rf-steps > .uk-container > div:nth-child({step}) > div
© Hika.su