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

    Why is one of my forms responsive while one is not?

    Asked by rickeb on April 29, 2013 at 10:03 AM

    I'm sure it's a simple solution but I don't see it. I've got two employment applications on my website, one is responsive on my iPhone and one is not. What makes this particularly confusing is that the General Application form was created from a copy of the Driver's Application. The Driver's Application is responsive on an iPhone:

    https://regalservice.com/careers/driver-application/

    The General application is not responsive on an iPhone:

    https://regalservice.com/careers/general-application/

    My second question involves embedding the code. I'm using Wordpress 3.5.1 and when I embed the Wordpress code from your Embed panel in the Wordpress Text Tab, it disappears after I Update the page. The code clearly works but it's very disconcerting to see a blank page where the code is suppossed to be. If I embed it as an iFrame it remains visable. Why is this?

     

    Thank you in advance,

    Rick


    Page URL:
    https://regalservice.com/careers/general-application/

    application form resizeable form wordpress editor
  • Profile Image

    Answered by jefreylandicho on April 29, 2013 at 10:44 AM

    On your General Form Application, please try removing all the lines you have created.

    The reason why that happens is WordPress editor works that way by default especially when using script for security reasons. I suggest leaving your post/page to HTML mode when using scripts and updating it.

    If the issue still persist, please contact us again.

  • Profile Image

    Answered by rickeb on April 29, 2013 at 11:28 AM

    Thanks, removing the line breaks solved the problem. Can you suggest an alternative way of "seperating" the application sections that would still keep it responsive?

    "Text" is the new "HTML" tab in Wordpress 3.5.1, "Visual" is the other tab. I can't see any setting in the "Text" tab that allows me to confirm the script I've entered. Any Ideas?

    Rick

  • Profile Image

    Answered by jefreylandicho on April 29, 2013 at 12:12 PM

    You might wanna try using an html <hr> or <div> tag but if it does not work, I would suggest using Image line instead.

    If you will be using hr or div tag, you can also add an element for it e.g. (click here).

  • Profile Image

    Answered by rickeb on April 30, 2013 at 04:12 PM

    Thanks for the suggestions, when you say image line do you mean using the image feature under Power Tools and uploading the line break I want to use?

    Also, do you have any additional thoughts on my not being able to see the embed on the HTML page after I Update the page?

    Thanks,

    Rick

  • Profile Image
    JotForm Support

    Answered by jonathan on April 30, 2013 at 04:42 PM

    Hi Rick,

    ...when you say image line do you mean using the image feature under Power Tools and uploading the line break I want to use?

    Yes. I believe this was what my colleague meant. You can use the image field instead. Add an image that is a 'line' and add insert it in between the fields to look like a separator.

    Also, do you have any additional thoughts on my not being able to see the embed on the HTML page after I Update the page?

    I do not fully understand you on this.. but I think what you were saying is -- when you update your Wordpress page, the form disappear? gone?

    Perhaps during revision of your WP page, when you use the WP page editor, it clears the scripts for the embedded form. I suggest you re-embed the form again in the HTML tab in the editor.

    Hope this help. Let us know if you have further inquiry.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by Mike_T on April 30, 2013 at 05:05 PM

    Here is a good article about JavaScript in Wordpress:

    Tips on Using JavaScript in WordPress

    It seems that the Editor is removing embedded Javascript without some code inside, so you can try the following.

    Add something between <script> tags.

    Standard code:

    <script type="text/javascript" src="//form.jotformpro.com/jsform/31046484542957"></script> 

    Modified:

    <script type="text/javascript" src="//form.jotformpro.com/jsform/31046484542957">something here</script>

    Screenshot with added word 'form' between the tags.

    Thank you.

  • Profile Image

    Answered by rickeb on April 30, 2013 at 10:13 PM

    That keeps it visable, but after updating the page, the code displays differently. Here's what I embeded:

    <script type="text/javascript" src="https://secure.jotformpro.com/jsform/31063651557958">form</script>

    Here's what displays after the page update:

    <script type="text/javascript" src="https://secure.jotformpro.com/jsform/31063651557958">// <![CDATA[

    form

    // ]]></script>

  • Profile Image
    JotForm Support

    Answered by Welvin on May 01, 2013 at 12:27 AM

    Hi,

    But that still work, yes? WordPress enhance their security and stripped down some scripts inside the editor - this is what I observe when I came back on using WordPress.

    I have tried that - it works for me: http://welvin-rc.com/feedback/

     

    Let us know if you have any further concerns.

    Thanks

  • Profile Image

    Answered by rickeb on May 01, 2013 at 10:01 AM

    Yes, it does work. As long as there are no potential problems with the code being displayed like this after the page is updated the problem is solved (you can tell I clearly don't know anything about coding):

    <script type="text/javascript" src="https://secure.jotformpro.com/jsform/31063651557958">// <![CDATA[

    form

    // ]]></script>

    Thanks,

    Rick

  • Profile Image

    Answered by jefreylandicho on May 01, 2013 at 10:55 AM

    If you like to insert script without having an issue for page/post update, I would recommend using a plugin called Shortbus. Since WordPress strip scripts by default, using shortcode would certainly be useful in keeping the script intact in your page with shortcode.

    Another way is using Post/Page Custom fields as shown below.

  • Profile Image

    Answered by rickeb on May 01, 2013 at 03:40 PM

    I've read the Tips on Using JavaScript in WordPress suggested by Mike_T but it's a little beyond me. His solution for adding something between <script> <script> works but as I've said after you update the page the code displays, but displays quite differently. Surely there must be an option in your Embed Form Wizard that would be better suited to those using WordPress who aren't code savvy like myself? It would make people like myself more comfortable if the code we embedded was the same code that displayed after the page update. Any simple solutions without using plugins?

     

    Thanks,

    Rick

  • Profile Image

    Answered by jefreylandicho on May 01, 2013 at 03:53 PM

    Aside from the plugin I have posted before, Jotform has their own plugin as well. Please click here to download the WordPress Plugin. For additional instruction on how to use it, click here.

  • Profile Image

    Answered by rickeb on May 01, 2013 at 04:59 PM

    Thanks, I think I have all the information I need. Before we close this out though I want to make sure you fully understand what my problem is. The embeded forms have always worked fine. The problem is that in Wordpress 3.5.1 (I'm hosting the site) after I embed the form using "Wordpress" in your Embed Form Wizard in the "Text" tab (that used to be the HTML tab) the code is stripped out if I toggle to the "Visual" tab, then back to the "Text" tab again. If I open the page again to edit it and it's on the "Text" tab the code will be there, but if I toggle to "Visual" then back again the code is stripped out. I'm not sure that I ever made this clear enough, I think I confused the issue by talking about updating the page.

    Thanks,

    Rick

  • Profile Image
    JotForm Support

    Answered by Mike_T on May 01, 2013 at 05:38 PM

    Yes, this is clear. The script code is being stripped due to some Wordpress rules, and this is related not only to the JotForm code.

    I believe that the following code is completely usable:

    <script type="text/javascript" src="https://secure.jotformpro.com/jsform/31063651557958">// <![CDATA[
    form
    // ]]></script> 

    Alternatively, you can try our WordPress plugin or some other plugin for media embeddings.

    Thank you.

  • Profile Image

    Answered by rickeb on May 01, 2013 at 08:18 PM

    Thanks for patiently explaining it Mike.

    Rick