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 12 months 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.