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

    Changes to form are being forgotten

    Asked by ncpp on March 04, 2014 at 08:59 AM

    Hello,

     

    I created a form http://form.jotform.us/form/40504348788159 and there is an added text area where I have placed in custom HTML. This was to create a scrollable box where we are placing contest rules. 

    Once I created this and found it to be working as desired, I embedded it on my company's website this past Friday, and it looked great there. Then I came in Monday morning and found that the text in this scrollable box was spilling out of the box onto the rest of the form. I wasn't sure what could have changed, but I looked back in the code and found I needed to add "overflow: scroll" to the style. This fixed the problem.

    I save my changes once I make them.

    However, I have figured out that any time I open the form back up for editing, this correction is forgotten and it goes back to spilling the text everywhere.

    I have tried clearing my browser cache but that doesn't work.

    I then cloned the form and started saving changes to that hoping this would make a difference:

    http://form.jotformpro.com/form/40616190317954

    It did not. As soon as I open the form again for editing, the custom HTML code inexplicably resets to how it was before. This is incredibly frustrating. Why is it doing that?

    Thanks,

     

    Brandon Adams

    Page URL:
    http://www.forprevention.org/dnn/Solutions/ZoneHealth/EntryForm/tabid/<br/>538/Default.aspx

    JotForm problem style cache
  • Profile Image

    Answered by EliezerN on March 04, 2014 at 10:07 AM

    Hi,

    Can you please let us know if you managed to fix the issue? I checked your two forms and the Text shows the scroll bar with no issues: 

    I also checked the forms in different browsers like Chrome, FireFox, Safari and Opera and it worked fine too.

    Let us know if you still need assistance with this inquiry.

    Thanks

  • Profile Image

    Answered by ncpp on March 04, 2014 at 10:11 AM

    What I am saying is that if I go back into JotForm to edit the form for any needed changes, THEN it causes the problem where the scroll box stops working. Then I have to go back into the HTML code to re-add the "overflow: scroll" text every time. Every other change seems to be remembered.

    So I can temporarily fix the problem, and it will stay fixed unless I have to edit something else. The only way for you to recreate the problem is to log into my JotForm account, find the form, and click the Edit Form button. At that point you would see that the scroll box gets broken.

  • Profile Image

    Answered by pinoytech on March 04, 2014 at 11:16 AM

    Hi,

    Have you tried already clearing your browser cache/cookies and form cache? If not, can you please give a try? After doing that, edit/update your form and re-save it.

    Please do update us for any progress.

  • Profile Image

    Answered by ncpp on March 05, 2014 at 11:58 AM

    I did not know about the form cache, but I cleared that along with my cookies/browser cache. I edited the form to fix the problems and saved. I previewed the form and it looked good. When I clicked Edit Form again, the old problems were back, so this did not resolve the issue.

  • Profile Image

    Answered by pinoytech on March 05, 2014 at 12:30 PM

    Hi,

    I was able to reproduce the issue that you are referring. To fix this, can you please apply this workaround in your form?

    1. In your Text Html field div style, remove height and width. It should be look like this:

    <div style="background:#FFFFFF;border:1px solid #ccc;font:10px/20px Georgia, Garamond, Serif;">

    from:

    <div style="height:120px;width:500px;background:#FFFFFF;border:1px solid #ccc;font:10px/20px Georgia, Garamond, Serif;">

    2. Append this custom css into your form to create scrolling.

    #text_17.form-html {

    overflow: scroll;

    height: 120px;

    }

    Here's the guide on how to inject custom css code: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    You might like to take a look at this clone form: http://www.jotformpro.com/form/40634461393959

    If you need further assistance, please let us know.

  • Profile Image

    Answered by ncpp on March 05, 2014 at 12:45 PM

    Thank you. That seems to have done the trick!

  • Profile Image

    Answered by pinoytech on March 05, 2014 at 12:48 PM

    Good to hear that. If you need our assistance again, please feel free to contact us at anytime.

    Have a nice day!