Form Collapse shaking dramatically when opening?

  • julianl
    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?

  • Elton Support Team Lead
    Replied on February 27, 2015 at 5:22 AM

    Hi,

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

    Like this?

    Form Collapse shaking dramatically when opening? Image 1 Screenshot 30

    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.

    Form Collapse shaking dramatically when opening? Image 2 Screenshot 41

    Thanks!

  • julianl
    Replied on May 7, 2015 at 7:27 PM

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

  • Chriistian Jotform Support
    Replied on May 7, 2015 at 10:05 PM

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