После установки компонента и плагина заходим в Менеджер плагинов и активируем Content - formcalc.

Заходим в меню Компоненты - Формы-калькуляторы - Создать (вверху справа).

Для вставки плагина в статью нужно использовать код Invalid form id 2(если форма имеет ID 2 в колонке Порядок). В архиве так же находится пример настойки формы

Пример формы formcalc


Пример формы

Калькулятор аутсорсинга Joomla

1.  Компоненты - > Формы-калькуляторы. Откроется «Менеджер форм»

2.  Нажмите «СОЗДАТЬ», после откроете окно для создания формы-калькулятора состоящее из 4 вкладок.

3.  Добавьте в первую вкладку (Общие данные).

В поле «Название»:  Любое название

В поле «Описание»: Любое описание

4.  Добавьте во вторую вкладку (Шаблон формы).

В поле «Шаблон формы»:

<div style="width: 550px; border: 3px dotted #D3D3D3; padding: 5px; margin: auto">

<b>Осебе:</b>             <table border="0" summary="">

               <tr>

                               <td colspan="2">

                              

                               <b>Ф.</b> <input type="text" name="fio" maxlength="256" style="width: 450px" class="validate['required']"> 

                              

                               </td>

                                               </tr>

               <tr>

                               <td style="text-align: center">

                               <b>День/ Месяц/ Годрождения</b> </td><td style="text-align: center">

<select name="den">

               <option value="1">1</option>

               <option value="2">2</option>

               <option value="3">3</option>

               <option value="4">4</option>

               <option value="5">5</option>

               <option value="6">6</option>

               <option value="7">7</option>

               <option value="8">8</option>

               <option value="9">9</option>

               <option value="10">10</option>

               <option value="11">11</option>

               <option value="12">12</option>

               <option value="13">13</option>

               <option value="14">14</option>

               <option value="15">15</option>

               <option value="16">16</option>

               <option value="17">17</option>

               <option value="18">18</option>

               <option value="19">19</option>

               <option value="20">20</option>

               <option value="21">21</option>

               <option value="22">22</option>

               <option value="23">23</option>

               <option value="24">24</option>

               <option value="25">25</option>

               <option value="26">26</option>

               <option value="27">27</option>

               <option value="28">28</option>

               <option value="29">29</option>

               <option value="30">30</option>

               <option value="31">31</option>

              

</select>          

/

<select name="mesyac">

               <option value="Январь" selected="selected">Январь</option>

               <option value="Февраль">Февраль</option>

               <option value="Март">Март</option>

               <option value="Апрель">Апрель</option>

               <option value="Май">Май</option>

               <option value="Июнь">Июнь</option>

               <option value="Июль">Июль</option>

               <option value="Август">Август</option>

               <option value="Сентябрь">Сентябрь</option>

               <option value="Октябрь">Октябрь</option>

               <option value="Ноябрь">Ноябрь</option>

               <option value="Декабрь">Декабрь</option>

</select>          

/

<select name="god">

               <option value="1998">1998</option>

               <option value="1999">1999</option>

               <option value="2000">2000</option>

               <option value="2001">2001</option>

               <option value="2002">2002</option>

               <option value="2003">2003</option>

               <option value="2004">2004</option>

               <option value="2005">2005</option>

               <option value="2006">2006</option>

               <option value="2007">2007</option>

               <option value="2008">2008</option>

               <option value="2009">2009</option>

               <option value="2010">2010</option>

              

</select>          

                               </td>

                              

               </tr>

               <tr>

                               <td>

<div align="left" style="margin-left: 60px">                  <b>Ваштипхарактера:</b> <br>

<input type="radio" name="tip_har" value="Халерик">Халерик<br>

<input type="radio" name="tip_har" value="Сангвиник">Сангвиник<br>

<input type="radio" name="tip_har" value="Меланхолик">Меланхолик<br>

<input type="radio" name="tip_har" value="Флегматик">Флегматик

</div>

                               </td>

                               <td>

                              

                              

<div align="left" style="margin-left: 60px"><b>Какой(ая) я:</b>   <br>

               <input type="checkbox" name="krasivyy" value="Красивый">Красивый<br>

               <input type="checkbox" name="umnyi" value="Умный">Умый<br>

               <input type="checkbox" name="nahodchivyi" value="Находчивый">Находчивый<br>

               <input type="checkbox" name="silnyi" value="Сильный">Сильный<br></div>

                               </td>

               </tr>

</table>

</div>

                  <br>

<!-- ********************************** -->

  

<div style="width: 550px; border: 3px dotted #D3D3D3; padding: 5px; margin: auto">

<b>Обращение:</b>  <table border="0" summary="">

               <tr>

                               <td colspan="2">

                              

                               <b>Выберите отдел в который вы хотите обратиться:</b><br>

                               <select name="otdel" style="width: 530px;">

               <option value="Отдел подготовки аналитических данных">Отдел подготовки аналитических данных</option>

               <option value="Отдел по спасению кошек застрявших на дереве">Отдел по спасению кошек застрявших на дереве</option>

               <option value="Отдел по лазанию в однокласниках">Отдел по лазанию в однокласниках</option>

               <option value="Отдел рарапульсов и донтовитов">Отдел рарапульсов и донтовитов</option>

              

</select>          

                               </td>

                                               </tr>

               <tr>

                               <td style="text-align: center" colspan="2">

                               <textarea name="mesage" class="validate['required']" style="width: 530px; height: 200px"></textarea>

                                                             

                                </td></tr><tr>

                                <td style="text-align: center" colspan="2">

                                Прикрепить файл к письму (не должен быть больше 6 мб):<br>

                               <input type="file" name="file" >

                                                               </td>

                              

               </tr>

               <tr>

                               <td style="text-align: center">

                                                 {CAPTCHA}

                               </td>

                               <td style="text-align: center; width: 50%; vertical-align: middle">

                               Выслатьдубликатнаемайл:

                                <input type="text"  value="вашапочта" name="mailto" class="validate['email']"/>

                                                                                                                             <br><br>

<input type="submit" value="Отправитьзаявку">

 

 

                               </td>

               </tr>

</table>

</div>

 

В поле «Формула»:

Не заполняется

Разрешить отправку файлов:  ДА

Максимальный размер файла:  установите свой лимит

5.       Добавьте в третью вкладку (Шаблон email сообщения) (в режиме редактирования кода).

В поле «Тема письма»:

Тестовое письмо с сайта DelaJoom.ru

В поле «Шаблон email сообщения» (0):

<p>Ваша заявка отправлена администраторам сайта и на емайл<b> {mailto} </b></p>
<p><b>Содержание заявки:</b></p>
<p>1. {fio} - {den}.{mesyac}.{god}</p>
<p><b>2. Ваш тип характера: </b> - {tip_har}.</p>
<p><b>Какой(ая) я:</b> {krasivyy} {umnyi} {nahodchivyi} {silnyi}</p>
<br />
<p><b>Обращение:</b></p>
<p><b>Вы обратились в:</b> {otdel}</p>
<p><b>Текст сообщения:</b></p>
<p>{mesage}</p>

В поле «Отсылать данные на следующие адреса»:

Введите адреса ваших администраторов ,если их много то через запятую без пробелов

6.       Добавьте в четвертую вкладку (Шаблон сообщения при отсылке формы) (в режиме редактирования кода).

В поле «Шаблон сообщения при отсылке формы»:

 

<p>Ваша заявка отправлена администраторам сайта и на емайл<b> {mailto} </b></p>
<p><b>Содержание заявки:</b></p>
<p>1. {fio} - {den}.{mesyac}.{god}</p>
<p><b>2. Ваш тип характера: </b> - {tip_har}.</p>
<p><b>Какой(ая) я:</b> {krasivyy} {umnyi} {nahodchivyi} {silnyi}</p>
<br />
<p><b>Обращение:</b></p>
<p><b>Вы обратились в:</b> {otdel}</p>
<p><b>Текст сообщения:</b></p>
<p>{mesage}</p>

 

Нажмите «СОХРАНИТЬ»