Contact Form 7 Multi Step
  • Introduction
  • Getting Started
    • How to Install
      • Install via WP repository
      • Install via your computer
      • How to deactivate and delete
  • How It Works
    • How To Add Steps
    • The Recall and Preview Tags
      • Recall Tag
      • Preview Tag
    • Button Colors and Animation
    • Progress Bar Feature
  • Free vs Pro
  • Other Links
    • Changelog
    • Support
Powered by GitBook
On this page
  1. How It Works

Button Colors and Animation

PreviousPreview TagNextProgress Bar Feature

Last updated 1 year ago

These settings allow you to customize the color appearance and animation behavior of the multi-step forms.

Below are the detailed options available:

  1. Back Button BG color

    • Description: Change the background color of the Back button.

    • Action: Click on "Select Color" to choose a background color for the Back button.

  2. Back Button Text color

    • Description: Change the text color of the Back button.

    • Action: Click on "Select Color" to choose a text color for the Back button.

  3. Next Button BG color

    • Description: Change the background color of the Next button.

    • Action: Click on "Select Color" to choose a background color for the Next button.

  4. Next Button Text color

    • Description: Change the text color of the Next button.

    • Action: Click on "Select Color" to choose a text color for the Next button.

  5. Auto Scroll to Top

    • Description: Enable or disable automatic scrolling to the top of the form when navigating to the next or previous step.

    • Action: Toggle the switch to turn this feature on or off.

  6. Return First Step After Submit

    • Description: Enable or disable returning to the first step after the form is submitted.

    • Action: Toggle the switch to turn this feature on or off.

  7. Transition Effects

    • Description: Enable or disable transition effects between form steps.

    • Action: Toggle the switch to turn this feature on or off.

Animation

  • Description: Select the type of animation effect when transitioning between form steps.

  • Options:

    • Fade In: The form step will fade in.

    • Fade Out: The form step will fade out.