Transition between forms in demo

  • Resolved caribbeansunshine

    (@caribbeansunshine)


    8 years, 3 months ago

    Great plugin! On the demo page (https://webheadcoder.com/contact-form-7-multi-step-form/), the transition from form 1 to form 2 is very smooth. It fades in and out. By default on my site, the transition is quite different. When I click “Next” on form 1, the form immediately disappears and then a couple of seconds later, the page redirects to the next page (with form 2).

    Can you direct me to how to emulate the transition of the demo? Was this done within the plugin itself or CSS? I know how to do animations/transitions in CSS, if that’s how this transition was done.

    Thanks!

Viewing 1 replies (of 1 total)
  • Plugin Author webheadcoder

    (@webheadllc)

    8 years, 3 months ago

    The transition for the demo page is done through the theme. All that is happening is the opacity of the entire page goes to 0 on the “beforeunload” event. Once the spinning animation completes the opacity starts to fade and the browser starts to unload the page and go to the next step. When the next page loads the opacity starts at 0 and goes to 1.

Viewing 1 replies (of 1 total)

The topic ‘Transition between forms in demo’ is closed to new replies.