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

    Inserting HTML

    Asked by alan997 on June 23, 2012 at 09:38 PM

    Is it possible to insert HTML into the form?

    Page URL:
    http://form.jotform.co/form/21741363010843?

  • Profile Image
    JotForm Support

    Answered by abajan on June 23, 2012 at 10:52 PM

    You mean display literal HTML? Yes. Please see my colleague Neil's first reply and my second reply in this thread. Both solutions work in free text elements which can also be used to display the output of HTML.

  • Profile Image
    JotForm Support

    Answered by abajan on June 23, 2012 at 11:14 PM

    Actually, after just running some tests on a form of mine, I discovered that, for some reason, Neil's solution no longer works but mine does (sort of because even though the HTML looks correct in the form builder, at the form's URL a space is inserted after the opening angled bracket).

  • Profile Image

    Answered by alan997 on June 24, 2012 at 02:29 AM

    Thanks for your answer, not i'm 1/2 way there! What I am trying to do is put my live chat widget into the page- see scren shot: http://i47.tinypic.com/b7bbr7.png

    It shows in the JotForm editor but not on the actual page- http://form.jotform.co/form/21751381869866? 

  • Profile Image

    Answered by alan997 on June 24, 2012 at 02:35 AM

    I'm not that experienced with HTML nor Jotform. 

  • Profile Image
    JotForm Support

    Answered by abajan on June 24, 2012 at 02:47 AM

    It appears you'll have to embed a copy the form's full source into a web page of your choice and then add the HelpDen code there. Our form builder may be preventing the use of @import to protect our system from possible malicious code injection. Although I could be wrong about that and one of my colleagues may well have a better solution.

  • Profile Image

    Answered by alan997 on June 24, 2012 at 02:54 AM

    Good idea! Why dosn't the Page break open up?- http://discussallbeta.weebly.com/

  • Profile Image
    JotForm Support

    Answered by abajan on June 24, 2012 at 02:58 AM

    Bugs are triggered when page breaks and form collapse elements are used in the same form. Unfortunately, you'll need to use one or the other until our developers can fix the various issues.

  • Profile Image

    Answered by alan997 on June 24, 2012 at 02:59 AM

    Hang on I just deletd that site. Be back soon

  • Profile Image

    Answered by alan997 on June 24, 2012 at 03:04 AM
  • Profile Image
    JotForm Support

    Answered by liyam on June 24, 2012 at 03:55 AM

    It's good to know that you're able to figure out a solution for your form, alan997.  Although I noticed one thing, the step 1 image banner is outside the form which makes it still appear on top while you're already on step 2 or step 3.

     

  • Profile Image

    Answered by alan997 on June 24, 2012 at 06:28 AM

    It's not happening on my computer. I got this design from a template.

  • Profile Image
    JotForm Support

    Answered by abajan on June 24, 2012 at 09:27 AM

    @alan997

    There's a conflict (or conflicts) between the scripts on your page and those of the form. When the form is viewed at its own URL (https://secure.jotform.co/form/21741363010843) the "Back" button is hidden (as it should be) and the form can be advanced once the "Agree" box is checked. Conversely, the embedded form displays the "Back" button and the "Next" button doesn't work. This "misbehavior" can be corrected by substituting the iFrame code for the default:

    (Please see Which Form Embed Code Should I Use for more information.)

    Of course, since neither method embeds the form's full source, the chat widget would have to be inserted somewhere on the web page outside of the form. But I see you've already taken care of that:


    Incidentally, remember to make the "Step 1 > Step 2 > Step 3" images secure like the main "Discuss All Staff Applications" header. (I was alerted to the presence of non-secure elements when I visited the form at its own URL.) Also, should the heading read What to be staff?... or Want to be staff?...? Lastly, there's reference to a privacy policy but the form collapse that contained it no longer exists! (No problem. Instead of a form collapse element you can use a free text element and create a condition to have it displayed only when the "Agree" box is checked.)

  • Profile Image

    Answered by alan997 on June 25, 2012 at 02:44 AM

    Thank you for notifying me of the back button and the spelling error! :) .

    Instead of keeping the logo in the form I am going to just use the one in the website header.

    The privacy policy ahs been moved to another page and the form collapse has been removed. 

  • Profile Image

    Answered by alan997 on June 25, 2012 at 02:54 AM

    I have replaced the HTML code with the iFrame (Not sure what iFrame is) but there is ALOT of excess space underneath the form and affects the website itself.

    The back button no longer shows in the first page. 

    The next pictures are still unsecure (havn't secured them yet), I am not sure how to do this.

  • Profile Image
    JotForm Support

    Answered by abajan on June 25, 2012 at 06:13 AM

    In the source of you page, change the value of the height attribute of the iFrame (inline frame) from 1847px to 835px (the height of the tallest page of the form). Alternatively, if it still seems like too much space underneath the form, you could decrease the height to that of the first page (477px) and change the value of the scrolling attribute from no to yes.

  • Profile Image
    JotForm Support

    Answered by abajan on June 25, 2012 at 06:19 AM

    Oh, regarding securing the header images, please see my first reply in your other thread.

  • Profile Image

    Answered by alan997 on June 26, 2012 at 02:31 AM

    Hi. Thank you! I have deciced not to have scrolling but the form height is set to 900px and it just touches the footer of my site (When the second page is displayed). 

  • Profile Image
    JotForm Support

    Answered by abajan on June 26, 2012 at 06:17 AM

    Looks good to me. Do let us know if there's ever anything else you need assistance with.

    Cheers