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

    Strange Lines/Box Appear at the Top of the Form on Google Chrome!

    Asked by antoniooi on April 02, 2012 at 04:15 PM

    Hi Guys,

    After deleting a couple of headers, page breaks and fields, these strange lines began to appear at the top of my form:

    Only on Google Chrome!

    I tested with Firefox without any issue, only on Google Chrome. I tried deleting the existing header and recreate a new again also no luck. Please help.

    Thanks!

    Antonio

    Page URL:
    http://www.jotform.me/form/20885361070451

  • Profile Image
    JotForm Support

    Answered by Mike_T on April 02, 2012 at 05:50 PM

    Thank you for contacting us.

    There are no such lines from my side. Please try to clear cache and cookies in your browser, then re-check your form.

    Please feel free to contact us if you need any further assistance.

  • Profile Image

    Answered by antoniooi on April 03, 2012 at 04:36 AM

    Hmm....OK.....thanks a lot. No more lines when I open it the next day (today). Must be something wrong with the Chrome.

    Thanks a lot.

  • Profile Image

    Answered by antoniooi on April 13, 2012 at 07:36 AM

    Hi Guys,

    Please refer to this form:

    http://form.jotform.me/form/20932799727468

    The lines/box appear on both Firefox and Chrome now. My customer just complained for me that he could not enter the 'Company Name' because the box is blocking him from filling up the text box. Please help to look into issue.

    Thanks!

  • Profile Image

    Answered by antoniooi on April 13, 2012 at 07:46 AM

    Please checkout this screenshot and find out why the lines can be generated on your Free Text (HTML) field:

     

    Thanks! This is urgent!

  • Profile Image

    Answered by fairfinance on April 13, 2012 at 07:46 AM

    Hi, I took a look at the page, it seems the two boxes are the body of a facebook widget iframe.

    Did you add a Facebook connect widget through a free-text (HTML) field? If so maybe you should try to see if there's anything wrong in there.

  • Profile Image

    Answered by antoniooi on April 13, 2012 at 07:49 AM

    No, I don't add Facebook widget on that HTML field. But I do integrate this form with Facebook. My HTML is just pure simple HTML, nothing much in there, just an info.

  • Profile Image

    Answered by fairfinance on April 13, 2012 at 07:59 AM

    OK, but in your screenshot you can see that the facebook widget is included in <li class="form-line" id="id_89">.

    This is the piece of code that puts the boxes there: <div style="position: absolute; top: -2000px; ">

     

    Maybe this can help you out.

  • Profile Image

    Answered by antoniooi on April 13, 2012 at 08:13 AM

    Could this be the bug of JotForm? I afraid that I just can't simply remove this piece of code which may screw up my Facebook integration and positioning of the widget. I didn't customize anything on both my FB integration widget and HTML field.

    Can somebody from JotForm reply to this issue again? My customer has just made the payment and they can't do anything else on this form! Please help! Although I keep telling them that the box SHOULD NOT prevent them from entering their data but they keep telling me that they can't! I really have no clue now....please help....

    fairfinance, thanks for your help anyway! Appreciate that!

  • Profile Image
    JotForm Founder

    Answered by aytekin on April 13, 2012 at 11:33 AM

    One of our developers will look into this issue but I can't say when that would be possible.  

  • Profile Image

    Answered by antoniooi on April 13, 2012 at 11:54 AM

    Thanks a lot aytekin! So much of appreciation! Please help my business to hit your maximum payment submission of your free service package and leave me no choice but to subscribe to your Premium Account! Let's do it man! I'm working hard to achieve this too!

    Antonio

  • Profile Image
    JotForm Support

    Answered by idarktech on April 13, 2012 at 07:14 PM

    Hi Antonio,

    I see this issue has been assigned to one of our developers. They will reply to this thread once the problem is completely fixed.

    While waiting for the actual fix on this, you can remove the unknown boxes by injecting the following code to your form:

    #fb-root{

    visibility:hidden;

    }

    CSS Injection Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps. Thanks.

  • Profile Image

    Answered by antoniooi on April 14, 2012 at 02:34 PM

    Thanks idarktech! It seems working! Thanks a lot!

    Ya, at least some workaournd to get rid of it first or else the customers screw the hell out of me asking for refund!

    Thanks!