What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    doesn't work my form which have i created !!!

    Asked by GulgunG on October 30, 2011 at 08:09 AM

    I have created a form and I put source code into HTML so it appears differently on my website!

    Also have can i set up email?

     

    Note:

    Joomla 1.7.2


    Page URL:
    http://www.jotform.com/?gclid=CNKhqei1wJ4CFRQhnAod6laUqA

    Screenshot
  • Profile Image

    Answered by allanftd on October 30, 2011 at 10:58 AM

    Hi GulgunG,

    Thank you for your message. May we ask which embed code youused to embed your form into your Joomla webpage? If you haven't used it yet, please select the Joomla embed code as shown below:

    In order to create email notifications, please visit this support page: http://www.jotform.com/answers/19239-Is-it-possible-to-email-a-form-to-recipients?entrymessage=10732640770

    Please try and let us know how it goes so that we can further assist you. 

    Thanks,

    Allan
    JOTFORM SUPPORT

     

  • Profile Image

    Answered by GulgunG on October 30, 2011 at 01:38 PM

    Hi,

    I put this code into the article (HTML) and display differently on my web site.

    I checked template manager but it is different than your information, doesn't exist rhuk_milkway Maybe i use Joomla 1.7.2  and Bluestork - Default that's wyh?!

    How can I fix that problem? I want it display on my web site how i created here.

    Thanks for your help.

    Gulgun

  • Profile Image

    Answered by allanftd on October 30, 2011 at 01:59 PM

    Gulgun,

    May we ask for the URL of the web page where you want to embed your form? We'd like to open it from our end and see if we can replicate the issue and provide solution to it.

    Thank you for your patience and cooperation.

    Allan
    JOTFORM SUPPORT

     

  • Profile Image

    Answered by GulgunG on October 30, 2011 at 02:06 PM

    This is URL where i want to put it and how is it display.

    http://iremtravel.com/index.php/en/hizmetlerimiz/otel-rezervasyon

    Thanks

    Gulgun

     

  • Profile Image
    JotForm Support

    Answered by idarktech on October 30, 2011 at 03:15 PM

    Hi Gulgun,

    I have checked your form on that link and it displayed correctly as expected, there was just a small conflicts of your FORM CSS and Joomla default CSS that's why some unexpected elements showed up. If you don't mind could you re-embed your form using Iframe Code?.

    Please do let us know if the problem still persist so we can assist you more. Thank you so much!

  • Profile Image

    Answered by GulgunG on October 30, 2011 at 03:45 PM
    Hi, I hope it will help us!

    Thanks,

    Glg

    iFramecode:

    <iframe allowtransparency="true" src="//form.jotform.com/form/13024353717" frameborder="0" style="width:100%; height:1164px; border:none;" scrolling="no">
    </iframe>

     

    I put into article as HTML code:

    <form id="13024353717" class="jotform-form" method="post" name="form_13024353717" accept-charset="utf-8"><input type="hidden" name="formID" value="13024353717" />
    <div class="form-all">
    <ul class="form-section">
    <li id="cid_1" class="form-input-wide">
    <div class="form-header-group">
    <h2 id="header_1" class="form-header">Otel Rezervasyon Formu</h2>
    </div>
    </li>
    <li id="id_3" class="form-line"><label id="label_3" class="form-label-left" for="input_3"> Otel Adı </label>
    <div id="cid_3" class="form-input"><input id="input_3" class="form-textbox" type="text" name="q3_otelAdi" size="20" /></div>
    </li>
    <li id="id_4" class="form-line"><label id="label_4" class="form-label-left" for="input_4"> Kategori </label>
    <div id="cid_4" class="form-input"><input id="input_4" class="form-textbox" type="text" name="q4_kategori" size="20" /></div>
    </li>
    <li id="id_5" class="form-line"><label id="label_5" class="form-label-left" for="input_5"> Bölge </label>
    <div id="cid_5" class="form-input"><input id="input_5" class="form-textbox" type="text" name="q5_bolge" size="20" /></div>
    </li>
    <li id="id_8" class="form-line"><label id="label_8" class="form-label-left" for="input_8"> Oda Sayısı </label>
    <div id="cid_8" class="form-input"><input id="input_8" class="form-textbox" type="text" name="q8_odaSayisi" size="20" /></div>
    </li>
    <li id="id_9" class="form-line"><label id="label_9" class="form-label-left" for="input_9"> Oda Tipi </label>
    <div id="cid_9" class="form-input"><input id="input_9" class="form-textbox" type="text" name="q9_odaTipi" size="20" /></div>
    </li>
    <li id="id_31" class="form-line"><label id="label_31" class="form-label-left" for="input_31"> Yetişkin Sayısı </label>
    <div id="cid_31" class="form-input"><input id="input_31" class="form-textbox validate[Numeric]" type="number" name="q31_yetiskinSayisi31" size="5" /></div>
    </li>
    <li id="id_34" class="form-line"><label id="label_34" class="form-label-left" for="input_34"> 12 Yaşından Küçük Çocuk Sayısı </label>
    <div id="cid_34" class="form-input"><input id="input_34" class="form-textbox validate[Numeric]" type="number" name="q34_12Yasindan34" size="5" /></div>
    </li>
    <li id="id_33" class="form-line"><label id="label_33" class="form-label-left" for="input_33"> Bebek (2 Yaşından Küçük) </label>
    <div id="cid_33" class="form-input"><input id="input_33" class="form-textbox validate[Numeric]" type="number" name="q33_bebek2" size="5" /></div>
    </li>
    <li id="id_20" class="form-line"><label id="label_20" class="form-label-left" for="input_20"> Geliş Günü </label>
    <div id="cid_20" class="form-input"><span class="form-sub-label-container"><input id="month_20" class="form-textbox" type="text" name="q20_gelisGunu[month]" value="10" size="2" maxlength="2" /> - <label id="sublabel_month" class="form-sub-label" for="month_20"> Ay </label></span><span class="form-sub-label-container"><input id="day_20" class="form-textbox" type="text" name="q20_gelisGunu[day]" value="30" size="2" maxlength="2" /> - <label id="sublabel_day" class="form-sub-label" for="day_20"> Gün </label></span><span class="form-sub-label-container"><input id="year_20" class="form-textbox" type="text" name="q20_gelisGunu[year]" value="2011" size="4" maxlength="4" /> at <label id="sublabel_year" class="form-sub-label" for="year_20"> Yıl </label></span><span class="form-sub-label-container"><input id="hour_20" class="form-textbox" type="text" name="q20_gelisGunu[hour]" value="19" size="2" maxlength="2" /> / <label id="sublabel_hour" class="form-sub-label" for="hour_20"> Saat </label></span><span class="form-sub-label-container"><input id="min_20" class="form-textbox" type="text" name="q20_gelisGunu[min]" value="04" size="2" maxlength="2" /> <label id="sublabel_minutes" class="form-sub-label" for="min_20"> Dakika </label></span><span class="form-sub-label-container"><select id="ampm_20" class="form-dropdown" name="q20_gelisGunu[ampm]"> <option value="AM"> AM </option> <option value="PM"> PM </option> </select> <label class="form-sub-label" for="ampm_20">     </label></span><span class="form-sub-label-container"><img src="//www.jotform.com/images/calendar.png" border="0" alt="Choisissez une date" align="absmiddle" /> <label class="form-sub-label" for="input_20_pick">     </label></span></div>
    </li>
    <li id="id_21" class="form-line"><label id="label_21" class="form-label-left" for="input_21"> Dönüş Günü </label>
    <div id="cid_21" class="form-input"><span class="form-sub-label-container"><input id="month_21" class="form-textbox" type="text" name="q21_donusGunu[month]" value="10" size="2" maxlength="2" /> - <label id="sublabel_month" class="form-sub-label" for="month_21"> Ay </label></span><span class="form-sub-label-container"><input id="day_21" class="form-textbox" type="text" name="q21_donusGunu[day]" value="30" size="2" maxlength="2" /> - <label id="sublabel_day" class="form-sub-label" for="day_21"> Gün </label></span><span class="form-sub-label-container"><input id="year_21" class="form-textbox" type="text" name="q21_donusGunu[year]" value="2011" size="4" maxlength="4" /> at <label id="sublabel_year" class="form-sub-label" for="year_21"> Yıl </label></span><span class="form-sub-label-container"><input id="hour_21" class="form-textbox" type="text" name="q21_donusGunu[hour]" value="19" size="2" maxlength="2" /> / <label id="sublabel_hour" class="form-sub-label" for="hour_21"> Saat </label></span><span class="form-sub-label-container"><input id="min_21" class="form-textbox" type="text" name="q21_donusGunu[min]" value="04" size="2" maxlength="2" /> <label id="sublabel_minutes" class="form-sub-label" for="min_21"> Dakika </label></span><span class="form-sub-label-container"><select id="ampm_21" class="form-dropdown" name="q21_donusGunu[ampm]"> <option value="AM"> AM </option> <option value="PM"> PM </option> </select> <label class="form-sub-label" for="ampm_21">     </label></span><span class="form-sub-label-container"><img src="//www.jotform.com/images/calendar.png" border="0" alt="Choisissez une date" align="absmiddle" /> <label class="form-sub-label" for="input_21_pick">     </label></span></div>
    </li>
    <li id="id_6" class="form-line"><label id="label_6" class="form-label-left" for="input_6"> Özel İstekler </label>
    <div id="cid_6" class="form-input"><textarea id="input_6" class="form-textarea" name="q6_ozelIstekler6" rows="6" cols="40"></textarea></div>
    </li>
    <li id="id_35" class="form-line">
    <div id="cid_35" class="form-input-wide">
    <div id="text_35" class="form-html">Kişisel Bilgiler</div>
    </div>
    </li>
    <li id="id_38" class="form-line"><label id="label_38" class="form-label-left" for="input_38"> Adınız Soyadınız </label>
    <div id="cid_38" class="form-input"><span class="form-sub-label-container"><input id="first_38" class="form-textbox" type="text" name="q38_adinizSoyadiniz[first]" size="10" /> <label id="sublabel_first" class="form-sub-label" for="first_38"> Adınız </label></span><span class="form-sub-label-container"><input id="last_38" class="form-textbox" type="text" name="q38_adinizSoyadiniz[last]" size="15" /> <label id="sublabel_last" class="form-sub-label" for="last_38"> Soyadınız </label></span></div>
    </li>
    <li id="id_29" class="form-line"><label id="label_29" class="form-label-left" for="input_29"> E-mail </label>
    <div id="cid_29" class="form-input"><input id="input_29" class="form-textbox validate[Email]" type="email" name="q29_email29" size="30" /></div>
    </li>
    <li id="id_28" class="form-line"><label id="label_28" class="form-label-left" for="input_28"> Tel.(Ülke Kodu-Şehir Kodu+Numara) </label>
    <div id="cid_28" class="form-input"><span class="form-sub-label-container"><input id="input_28_area" class="form-textbox" type="tel" name="q28_telulkeKodusehir[area]" size="3" /> - <label id="sublabel_area" class="form-sub-label" for="input_28_area"> Kod </label></span><span class="form-sub-label-container"><input id="input_28_phone" class="form-textbox" type="tel" name="q28_telulkeKodusehir[phone]" size="8" /> <label id="sublabel_phone" class="form-sub-label" for="input_28_phone"> Telefon Numara </label></span></div>
    </li>
    <li id="id_36" class="form-line"><label id="label_36" class="form-label-left" for="input_36"> Güvenlik kodunu giriniz<span class="form-required">*</span> </label>
    <div id="cid_36" class="form-input">
    <div class="form-captcha"><label for="input_36"> <img class="form-captcha-image" src="//www.jotform.com/images/blank.gif" border="0" alt="Captcha - Reload if it's not displayed" width="150" height="41" style="background: url('http://www.jotform.com/images/loader-big.gif') no-repeat center;" /> </label>
    <div style="white-space: nowrap;"><input id="input_36" style="width: 130px;" type="text" name="captcha" /> <img src="//www.jotform.com/images/reload.png" border="0" alt="Reload" align="absmiddle" style="cursor: pointer;" /> <input id="input_36_captcha_id" type="hidden" name="captcha_id" value="0" /></div>
    </div>
    </div>
    </li>
    <li id="id_39" class="form-line">
    <div id="cid_39" class="form-input-wide">
    <div class="form-buttons-wrapper" style="margin-left: 96px;"><button id="input_39" class="form-submit-button" type="submit"> Gönder </button>   <button id="input_reset_39" class="form-submit-reset" type="reset"> Clear Form </button>   <button id="input_print_39" class="form-submit-print" style="margin-left: 25px;" type="button"> <img src="//www.jotform.com/images/printer.png" border="0" align="absmiddle" /> Print Form </button></div>
    </div>
    </li>
    <li id="id_37" class="form-line">
    <div id="cid_37" class="form-input-wide">
    <div id="text_37" class="form-html">
    <p><strong><span style="font-size: small; color: #000080;">Tavsiyeye mi ihtiyaciniz var? Londra'daki Adresiniz! Irem Travel London</span> </strong></p>
    </div>
    </div>
    </li>
    <li style="display: none;">Should be Empty: <input type="text" name="website" value="" /></li>
    </ul>
    </div>
    <input id="simple_spc" type="hidden" name="simple_spc" value="13024353717" /></form>

  • Profile Image

    Answered by fxr on October 30, 2011 at 04:05 PM

    hi Glg,

    If you trying out the Iframe embed method, you dont need to put in all that HTML code for the form into your article.

     

    Just the :

    <iframe allowtransparency="true" src="//form.jotform.com/form/13024353717" frameborder="0" style="width:100%; height:1164px; border:none;" scrolling="no">
    </iframe>

     

    Let us know how you get on.

  • Profile Image

    Answered by GulgunG on October 30, 2011 at 04:46 PM

    Hi again, i m going to crazy, i cant do it! i tried to put into article "

    <iframe allowtransparency="true" src="//form.jotform.com/form/13024353717" frameborder="0" style="width:100%; height:1164px; border:none;" scrolling="no">
    </iframe>"

    doesn't work again!

    What should i do?

    Thanks.

     


  • Profile Image

    Answered by fxr on October 30, 2011 at 04:59 PM

    Is this your own installation of Joomla? or is it hosted by someone else? 

     

    A lot of our documentation hasnt been updated for Joomla 1.7. I will try to rectify that. 

  • Profile Image

    Answered by GulgunG on October 30, 2011 at 05:08 PM

    It is hosted by Hostgator.

    Thanks.

  • Profile Image

    Answered by fxr on October 30, 2011 at 06:47 PM

    OK. The problem with hosted Joomla installations, each host may have different features of Joomla disabled.

    But, we can try this:

     

    In your administration panel on Joomla, Click Content -> Article Manager

     

    Then in Article Manager, Click Options

     

    In the lightbox Options, Click on Text Filters. 

    Here you have to work out which group you are posting articles as, in my instance it was Super User, yours may be the same, Author or Administrator.  For that particular group, change the Filter Type to No Filtering. 

    Click Save & Close

    Now go to, Extensions -> Plug-in manager

     

    Find TinyMCE on that list and click on it.

     

    In the Prohibited Elements text box on the right hand side, delete the iframe reference, Save the changes. Make sure that iframe reference is removed. Remove and save again if it doesnt go after the first save. 

     

     Click Close

    Now go to your article editor, click the HTML button.

     

    Paste in your iframe embed code:

     

     

    Click Update. You should now see your form in the editor. 

    Click Save. 

     

    I have embedded your form on a test installation of Joomla -> here 

     

    Now, I realise this is quite an involved procedure, so try and follow each of the steps closely, if you cant make it work or something doesnt seem the same your end, let us know exactly where in the process the steps seem to break down.

     

     

     

  • Profile Image

    Answered by GulgunG on October 30, 2011 at 07:24 PM

    Hi,

    You are really greattttt!

    Thank you very much. It works!

    Just small question how can i translate to turkish "Clear Form" and "Print Form"?

    Thankss,

    Gulgun

  • Profile Image

    Answered by fxr on October 30, 2011 at 08:06 PM

    We dont yet have the feature to let users change the text of those buttons; it is on the developers to do list. 

    You can howvever try this workaround, but it can be buggy and is undocumented. 

    Add a Free Text(HTML) field at the very bottom of your form. 

    Paste the following directly into the text box when you click Edit HTML, removing the 'Click to edit this text..' text:

    <script type="text/javascript">$("input_reset_39").update("Formu Temizle");$("input_print_39").update("Baskı Formu"); </script>

     

    Click Complete. Then Save the form. Dont touch this textbox again.. Clicking Edit HTML a 2nd time may well 'break' the code. You are better deleting it and creating a new one if you do have to change the text of the buttons. 

    You can change the Turkish within the quotes in my code above if my Turkish (well google translates') isnt exactly perfect. 

     

    Hope that helps.