ChronoForms для joomla 1.7

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

images

В этой статье я расскажу как установить и создать простую форму в компонерте Chronoforms_J1.6_V4_RC2.0 для joomla 1.7 Компонент Chronoforms_J1.6_V4_RC2.0 так же как и joomla 1.7 сильно отличается от предыдущей версии и именно по этому я и решил написать эту статью. Также смотрите видео на эту тему в разделе видео уроки.

И так приступим и начнём с самого начала с установки компонента.

Скачать компонент вы можите здесь в архиве который вы скачали находится ещё три архива это архив с вашим компонентом"Chronoforms_J1.6_V4_RC2.0" архив с плагином "Chronoforms_J1.6_V4_RC2.0_Plugin" и архив с модулем для этого компонента "Mod_Chronoforms_J1.6_V4_RC2.0". Плагин позволяет публиковать формы которые вы создали в любом месте вашего материала, модуль служит для того что бы вывести формы созданые вами в разных позицыях на вашем сайте ну и сам компонент непосредственно для создания различных форм. После того как вы скачали вам нужно для начала разархиватовать основной архив "Chronoforms_J1.6_V4_RC2.0" можно в той же папке. Устанавливается компонент стандартным образом поэтому я сильно на этом останавливатся не буду. Скажу только что для начала ставится сам копонент, а потом уже плагин и модуль после чего у вас появится в панели управления joomla в меню "Компоненты" в выпадающем списке компонент "ChronoForms"

imeges

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

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

imeges

Теперь нам нужно просто из левого окна выбрать и переращить нужные нам поля для нашей формы что мы здесь и делаем. При наведении курсора в левом поле на любой блок курсор принимает форму крестика мы нажимаем левой кнопкой мыши и просто перетаскиваем нужное нам поле в правый блок. После того как вы перетащили все нужные вам поля в правый блок займёмся их настройкой но для начала нам нужно ещё дать нашей форме имя и включить её. Для этого переходим вкладку "Form Settings" где задаём имя нашей формы и включаем ее.

imefes

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

imefes

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

imegess

После чего так же нажимаем "Сохранить и закрить." нам снова откроется список

imeges

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

imeges

И так кликаем на значке редактирования первого поля "Header" и попадаем в панель редактирования

В этом поле только одна настройка и здесь нужно написать просто заголовок для нашей формы если кликнуть на пункте "Add/Remove editor" то откроется визуальный редактор. После чего обязательно нажымаем на поле сохранить а потом просто закрываем это окно.

imeges

Но после этого у нас ничего не меняется.  И для того что бы ваши изменения вошле в силу вам нужно нажать "Сохранить" в самой панели управления.

imeges

 

После чего всё становится на свои места. И эту кнопку нужно нажымать после каждого изменения в форме.

imeges

Теперь переходим к следующему пункту меню и так же нажимаем кнопку для редактирования. Видим что здесь у нас уже настроек побольше и в первой вкладке "General" в поле "Label Text" пишим название для этого поля. Этот модуль может использоваться для таких полей как имя, логин, фамилия ну и так далие...

imeges

Теперь идём в вторую вкладку "Validation" и ставим галочку в поле "Required" - это означает что это поле обязательно для заполнения.

imeges

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

imeges

 

Теперь переходим к настройке капчи для нашей формы. В первой вкладке "General" в поле "Label Text" Пишим фразу наподобие - "Введите текст с картинки"

imeges

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

imeges

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

imeges

и переходим в вкладку "Static" где добавляем свой E-mail на который нам будут приходить сообщения

imeges

Теперь нам нужно вернуться в вкладку "Template" где нам предоставляется возможность настроить шаблон сообщения и где так же есть визуальный редактор для настройки на нужно нажать на "Генерировать шаблон автоматически" после чего его можно подправить в редакторе.

imeges

теперь нажимаем сохранить и закрыть и наша форма практически готова. Здесь я привёл пример создания простой формы в компоненте Chronoforms для joomla 1.7 Болие подробно и болие сложные формы вы можите найти в разделе видео уроки на этом сайте. И так наша форма готова и работает для проверки мы всё сохраняем и переходим к тестироанию. Да ещё поле "Thanks Message" служит для ввода текста который  будет показываться после удачной отправки сообщения и в разделе "Anti Spam" настраивается капча. Я здесь всё не стал писать так как это займёт много места поэтому я тешил расказать всё немного подробнее в разделе видео уроки Ну а здесь я буду заканчивать и покажу только как выглядит созданая нами форма. Для тестирования мы всё сохраняем и переходим в основной раздес с списком наших форм.
imeges

Где кликаем по ссылке "Frontend view" и нам открывается наша форма для тестирования.

imeges

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

Скачать компонент можно сдесь.

 

 

 

Custom Search

 

 

Читаем так же:

Отправить в FacebookОтправить в Google BookmarksОтправить в TwitterОтправить в LinkedInОтправить в BobrdobrОтправить в LivejournalОтправить в MoymirОтправить в OdnoklassnikiОтправить в VkcomОтправить в Yaru