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

    I LOVE Jotform!! Created an email submission form, and the submit button does not show up in IE, of course its fine in safari, can you suggest a fix?

    Asked by lindasiegel on May 10, 2011 at 04:48 PM

    I made it smaller, but its still cut off.  Will look at how I implemented on site, but can't figure it out yet.

    Screenshot
  • Profile Image
    JotForm Support

    Answered by NeilVicente on May 10, 2011 at 06:22 PM

    Hi,

    From the looks of it, your form is being affect by the css stylesheet of the webpage where you have it embedded. To prevent this from happening, you might want to embed your form using iFrame codes.

    To get your iframe embed codes

    1.  Go to Setup & Embed tab
    2.  Click Embed Form
    3.  Click iFrame

    4.  Copy the codes provided in the next screen

     

    Let me know how this solution works for you. Feel free to contact us again if problem still persists. Also, I would appreciate it if you include the link to the page where your form is embedded. Thank you!


    Neil

  • Profile Image

    Answered by lindasiegel on May 11, 2011 at 04:15 PM

    Thanks so much for your response! My testing capabilities for browser
    rendering is limited showed it works in IE8&9 but not in vers. 6&7. Tried
    iFrame. Using iWeb, learning FLUX... Am sort of IN flux:)

    Will let you know.

    Best regards,

    Linda
    Linda Siegel




  • Profile Image
    JotForm Support

    Answered by NeilVicente on May 11, 2011 at 04:28 PM

    Great. Please do update us on your progress. We'll find a better solution if embedding via iframe doesn't fix it.


    Neil

  • Profile Image

    Answered by lindasiegel on May 11, 2011 at 04:43 PM

    Tried iFrame, got same result.  Can it be IE's inability to render proper font size, therefore its too big and pushing the SUBMIT button off the page?   IE testbed shows it works in IE 8, but not 7.

  • Profile Image
    JotForm Support

    Answered by abajan on May 11, 2011 at 05:46 PM

    Hi Linda

    Assuming the URL of the page with the form is http://milkboxdeli.com/MBD/Milkbox_Deli_Specials.html, on line 69 (actually, it may be line 64. At any rate, it's in the division with the ID of "id1") of the source please increase the height value from 164 to about 174 as highlighted below and let us know if it helps:

     

    Thanks.

  • Profile Image

    Answered by lindasiegel on May 12, 2011 at 05:30 PM

    I made the change you suggested, though the box below the html widget is not related to the size of the widget. The problem really seems to be how earlier versions of IE handle the font sizes allowed in Jotform, I confirmed again in test bed.  I would not even worry, but my client has IE7, and it looks wrong to her and anyone with earlier versions of IE (6&7).  Have you not seen this before?  Made font size much smaller too as you can see in safari or firefox.  Any other ideas?  Thanks so much.

  • Profile Image
    JotForm Support

    Answered by NeilVicente on May 12, 2011 at 11:59 PM

    Hi,

    I see now what you mean with the form being cut off when using IE7

     

    I searched high and low for an answer and I learned that IE 7 has problems concerning iframes with 100% height.

    Looking at your site's source codes, I found that the iframe called "widget-0-frame" inside the div "widget0-htmlRegion" has its height set to "100%". Is there any way you could change that value to something absolute, say 200px or so 165px?

    Try following my solution and get back to us if it still does not work.


    Neil

     

    EDIT: I found that 165px is the perfect height for that iframe. 200px will extend your iframe beyond the widget0-htmlRegion div

  • Profile Image

    Answered by lindasiegel on May 14, 2011 at 09:13 AM

    Did try, seems IE 6-7 is definitely the problem.

  • Profile Image

    Answered by lindasiegel on May 14, 2011 at 09:31 AM

    So you can see that because it wraps. due to large font, the container would be too large to look right.  Please let me know anymore you learn about this root problem, as IE versions continue to be a major pain int he code.  Thanks:)

  • Profile Image
    JotForm Support

    Answered by NeilVicente on May 15, 2011 at 03:18 AM

    Hi Linda,

    Problem is now fixed (hopefully). I injected a line of css to your form to give the heading a specific font-size:

    .form-header {
    font-size: 10px;
    }

    I see it working fine now with IE7/IE6. Please do check.


    Neil

  • Profile Image
    JotForm Support

    Answered by NeilVicente on May 15, 2011 at 12:51 PM
    Answered by

    Looks like that solved it! It renders correctly in both 6&7!

    When you say you put the CSS into the form, (below is the current iWeb
    version), 2 things... (would I need to reinsert each time I edit the form,
    and which version did you fix?) This is the iWeb version, do I just edit and
    maintain it? Should I still use iWeb or iFrame and I can see this coming up
    again.

    Thanks so much!
    Linda

    ---------------------------

    Linda,

    When I said injected css into your form, i meant doing this. As long as the injected CSS is in your form, it wouldn't matter if you re-embed it over and over again, even if you do not use iWeb anymore.

    Keep using iframe codes though, as it is the most fool-proof of all the embed methods available.


    Neil

  • Profile Image

    Answered by lindasiegel on May 15, 2011 at 12:56 PM
    Ah! Ok, great to learn! Will keep using the iFrames, especially since I am
    in the process of learning FLUX.

    I love using your site and will increase use going forward, especially with
    your terrific support. Am interested in your payment functionality too.

    Thanks again.

    Best regards,

    Linda
    Linda Siegel
    Siegel Photography
    908-410-3441
    www.siegelphotography.com
    linda@siegelphotography.com