JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
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.
Could you please just confirm if the form with this issue is the following one: http://www.jotform.me/form/51694971607466 or is it some other form?
Also, what are the steps to recreate the issue? Or if you could capture a screenshot of the error and upload it to your post so that we can understand it properly.
Can you tell me why you can't recreate this issue?
This is a short sceencast: http://screencast-o-matic.com/watch/coiVIJf3Rn
Note that you still must answer my question, why can't recreate the issue.
Since the form was not included we need you to confirm if the issue is happening on a specific form or not so that we can properly check that specific form.
Now I took a look and I had noticed that there are 3 "Food" items (checkbox option, a field and another field under the submit) none of them had anything yellow on them.
There is an overly that is shown under the Food, but as I just went over the form quickly it was not shown to me - I was not looking for the overly but a field with "Food" and yellow thingy in it.
Basically what happens is that the field that was moved to the right is still having a part of it on the right as well - over the fields.
This will require a bit of time to fix, but I will update you through this thread as soon as I have some CSS code that would help with this.
I made a change in the custom CSS that you had in your form as it seems to be the best way to resolve this and still keep the same layout that you had.
So instead of the old CSS, you should change it to this:
position : relative;
/*left : -700px;*/
bottom : 500px;
background-color : rgba(0, 0, 0, 0.7);
height : 600px;
overflow-y : scroll;
width : 600px;
border-radius : 6px;
margin-top : -10px !important;
position : absolute;
top : 490px;
left : -700px;
I have basically just changed the bold parts, by adding the left to the ID_30 and removing it from the .agreement
You can clone the form to your account: http://form.jotformpro.com/form/51814158732961 or you can change the code in your form with the one above. If you need help with that, do let us know and we would be happy to do that for you.