Rsform для создания динамических форм на Joomla

Доброго времени суток дорогие читатели)


В данной статье мы рассмотрим создание визуальных форм для Joomla-сайта, с помощью компонента RS Forms.


RS Forms - это очень простой и гибкий инструмент для создания форм любой сложности.


Имеет различные настройки (Внешний вид формы, отправка данных с формы, поддерживает различные скрипты и sql-запросы и т.д), все эти прелести доступны по сравнительно низкой цене, купить компонент можно на сайте разработчика.


Давайте начнем с панели управления.


 Rsform для создания динамических форм на Joomla


Как видим на картинке, в ПУ имеется 6 вкладок:


  1. "Управление Формами".
  2. "Управление предоставленными файлами".
  3. "Конфигурация".
  4. "Процедура резервного копированияВосстановления".
  5. "Обновления".
  6. "ДополненияПлагины".


Управление Формами - управление созданными формами. Отображается списком.


 rsform joomla 2.5


Управление предоставленными файлами - управление файлами, которые присылают пользователи.


 rsform joomla 3


Конфигурация - не большие настройки совместимости, редактора и ввод кода активации.


 rsform joomla 3.4


Процедура резервного копированияВосстановления - очень полезная функция компонента. Тут есть возможность сделать резервные копии форм (сохраняются в xml), а так же восстановить форму с резервной копии.


 создание динамических форм joomla


Обновления и Плагины -  скачиваются на сайте производителе.


Вкратце рассмотрели ПУ, теперь приступим к созданию самой формы.


Переходим в пункт "Управление формами" и нажимаем "Создать".

Нам предлагают создать форму с помощью мастера (Этот мастер создания форм позволит вам создать полную рабочую форму в течение нескольких минут. Если вы хотите пропустить это, просто нажмите кнопку 'Пропустить Мастера' кнопку. Новая пустая форма будет быть создана для Вас, и вы можете редактировать ее вручную без помощи Мастера)


Давайте сделаем с помощью Мастера, нажимаем "Next"


 joomla 2.5


Теперь мы можем настроить форму:


  • дать имя;
  • выбрать макет (формат) формы;
  • указать адрес на который будут приходить результаты;
  • указать, что делать после отправки формы (Обновить страницу, Показать сообщение благодарности, Перенаправить на указанный URL).


Когда заполнили все поля, нажимаем "Next".


 joomla


Далее мы можем выбрать какую форму создать, пустую или с демо-полями (уже содержат поля, которые можно редактировать на свой вкус). Выбираем пустую и нажимаем "Finish".


 rsform


После нажатия мы попадем в панель создания формы.


Слева у нас есть возможные типы полей:


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


 rsform joomla


Для примера рассмотрим несколько типов:


Выбираем "Введение текста", появляется меню с тремя вкладками (General, Validations, Attributes).


  1. В General мы можем дать имя полю, надпись, значение по умолчанию и описание.
  2. В Validations мы можем указать параметры для поля (обязательно ли данное поле для заполнения, правило для поля и сообщение при неправильном вводе).
  3. В Attributes можно задать размер поля, максимальное количество вводимых символов и дополнительные атрибуты.


 10


И так, с помощью "Надпись" мы создали поле company, надписью  - Компания, сделали его обязательным и размером в 20 символов.

Таким же образом давайте создадим текстовое поле. Выберем тип "Текст" и заполняем поля.


Для того, чтобы сделать выпадающий список выбираем тип "Ниспадающее меню" и заполняем поля по вышеуказанному примеру.  Но в этом случае нужно в поле "Наименования" перечислить пункты как показано на картинке.


 11


Чекбоксы и радиокнопки создаются так же.


Кнопка подтверждения - нужно ввести имя и название поля.


 12


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


 13


Вот вид данной формы изнутри:


 14


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


Спасибо за то, что читаете наши статьи...Удачи!)

Хотите комплексно решить Ваш вопрос? 

Перейдите в наш раздел видео-курсов

Оставьте первый комментарий

Популярные статьи

Последние статьи


Рекомендуем хостинг


BeGet


 30 дней бесплатно!


Домены на .ru в подарок