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

  • Profile Image
    antoniooi
    Asked 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

  • Profile Image
    Mike_T
    Answered 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
    antoniooi
    Answered 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
    antoniooi
    Answered 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
    antoniooi
    Answered 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
    fairfinance
    Answered 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
    antoniooi
    Answered 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
    fairfinance
    Answered 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
    antoniooi
    Answered 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
    aytekin
    Answered 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
    antoniooi
    Answered 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
    idarktech
    Answered 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
    antoniooi
    Answered 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!