Home › Forums › Quform WordPress › Form page slide out animation on selection
- This topic has 5 replies, 3 voices, and was last updated 6 years, 5 months ago by Ally.
- AuthorPosts
- October 24, 2017 at 4:07 pm #22799jonstpeteParticipant
Hi Ally,
I have several multipage contact forms on my website. I would like to add an animation effect to each of the pages of my forms that occurs when the user selects an option to go to the next page. So for the contact form on my homepage (which can be seen here), it would work like this: Once the user clicks on either the “I want to buy a home” or “I want to refinance” button, the form page would immediately slide out of view to the left, with the next form page sliding in from the right at the same time. A perfect example of the animation effect I want for my contact form can be seen here. You click a button and the current page slides off the screen to the left while the next page slides onto the screen from the right.
One idea I had was to use the “slideOutLeft” and “slideInRight” animation effects shown here but I don’t know how to write the code that would apply these css classes when a selection is made on the form.
I would greatly appreciate any help you can provide that will get these animation effects working on my contact forms.
Thanks!
October 30, 2017 at 5:26 pm #22854AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
October 30, 2017 at 5:41 pm #22857jonstpeteParticipantHi Ally, thanks for your response!
I think that’s a great idea. Adding a javascript event when changing pages–and allowing the developer to select the effect/animation event that occurs–would be a great value add to the plugin from my perspective. No other form plugin I’ve seen boasts this feature so you could highlight it in the plugin description to help increase sales. Not that you need any help selling it… just sayin… help me, help you! 🙂
October 30, 2017 at 8:45 pm #22860AllanSupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
October 30, 2017 at 8:54 pm #22861jonstpeteParticipantI just implemented it on my homepage form and it doesn’t really work as intended. Feel free to view for yourself (same link I provided before). No biggie though; I appreciate your efforts! If you can come up with an easy fix that would be great but if not no worries.
Thanks again!
JonNovember 1, 2017 at 1:09 pm #22914AllySupport StaffYou don't have permission to view this content. Please log in or register and then verify your purchases to gain access.
- AuthorPosts
- You must be logged in to reply to this topic.