Unable to make edits to a field on my form

  • Profile Image
    Asked on June 30, 2015 at 11:25 AM
    Help! Can't make edits to field below Food, above Submit button. It has the yellow thingy!
  • Profile Image
    Answered on June 30, 2015 at 11:29 AM

    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.

  • Profile Image
    Answered on July 01, 2015 at 09:55 AM

    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.

  • Profile Image
    Answered on July 01, 2015 at 10:43 AM

    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.

  • Profile Image
    Answered on July 01, 2015 at 10:56 AM

    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:

    .agreement {
    position : relative;
    /*left : -700px;*/
    left: 0;
    bottom : 500px;
    background-color : rgba(0, 0, 0, 0.7);
    height : 600px;
    overflow-y : scroll;
    width : 600px;
    border-radius : 6px;
    }#id_2 {
    margin-top : -10px !important;
    }#id_30 {
    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.