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

    Form Collapse shaking dramatically when opening?

    Asked by julianl on February 26, 2015 at 11:59 PM

    Hi how are you?

    I have a form with quite a few items on it. I have used the form collapse with page tabs to break the form up to make it easier for the customer to navigate.  I have embedded the form in Dreamweaver using the "iframe" technique. When I moved from one tab to the next it would cut the bottom of the form off making some of the products and buttons not accessible. I fixed this by changing scrolling from "no" to "auto". Now the form pages can be scrolled no probs. However now when I open one of the form collapse elements it is causing the hole form to shake. Sometimes a little, sometimes very violently. It is very off putting. I have noticed it is usually from the collapsible elements down the bottom, particularly when one of the higher collapsible elements are open . When I preview it in Jotform it moves as smooth as butter. It is after embedding it where the problems start. It looks like when you enter the wrong password into a field causing the form to shake. I have provided a link below to the troubled form. Is there a fix to this problem?

    JotForm problem preview next
  • Profile Image
    JotForm Support

    Answered by EltonCris on February 27, 2015 at 05:22 AM

    Hi,

    What you mean to say is that the collapse changes its width when it opens causing it to shake? :)

    Like this?

    If yes, inject this CSS codes to your form. This should help retain its width when it's opened.

    .form-section {padding: 0 !important;}

    .form-section li.form-line {padding: 0 20px !important;}

    Paste these codes in the CSS tab when you open the Designer.

    Thanks!

  • Profile Image

    Answered by julianl on May 07, 2015 at 07:27 PM

    Sorry I forgot to say thankyou for this info, so thanks!

  • Profile Image
    JotForm Support

    Answered by Chriistian on May 07, 2015 at 10:05 PM

    On behalf of my colleague, you are welcome. Don't hesitate to contact us if you need further information.