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

    Random rectangle when viewing the jotform on iPhone 5

    Asked by JasonMarsh on February 09, 2015 at 01:01 PM

    Hi,

    See attached - there appears to be a blue shape on the screen when view on iphone 5

     

    Any ideas?

    Page URL:
    http://form.jotformeu.com/form/50184662349358

    Screenshot
    iphone 5 rectangle background shape
  • Profile Image

    Answered by Ben on February 09, 2015 at 01:55 PM

    Taking a look at your jotform it seems to me that the rectangle might be caused by you clicking on the field by your finger - as you were scrolling it down - since I was not able to recreate it.

    Just to be sure, I will ask one of my colleagues to check as well as he might be able to recreate the issue.

    In the meantime can you please tell us if this had happen only one time, or does it happen every time and also is it shown in both portrait and landscape mode?

  • Profile Image

    Answered by JasonMarsh on February 17, 2015 at 08:18 AM

    Hi,

    It does not happen every time but when it does if I turn to portrait mode it goes.  Sometimes the rectangle is larger starting at the same spot but going all the way down to the “Age” field, again disappearing when in portrait mode.

    Extra info - I am using an iphone 5c and Safari – the form is produced after clicking the Book Now button on this app - https://horseridingsurrey.appsme.com

     

    Cheers

  • Profile Image

    Answered by Ben on February 17, 2015 at 09:53 AM

    Can you please try adding this code:

    .form-line.jf-required.form-line-error {
        background: none transparent;
    }

    I suspect that it might be caused by the error overlay which that could should remove.

    Please try to see if the issue is however represented again once you add the code above as that would mean that the issue is not created by the overlay and would give us a bit more details as to what might be.

    You can see here how to add the code above: Inject Custom CSS Codes

    Do let us know how it goes.