Form Collapse shaking dramatically when opening?

  • Profile Image
    Asked 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?

  • Profile Image
    Answered on February 27, 2015 at 05:22 AM


    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.


  • Profile Image
    Answered on May 07, 2015 at 07:27 PM

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

  • Profile Image
    Answered 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.