Changing the “Previous” button to a reset button on final page

  • Resolved rocketpig3

    (@rocketpig3)


    1 year, 8 months ago

    Hi,

    We have a multi-page form – the final page displays results. I am looking to change the “Previous” button on the final page to a “Reset” button, which clears all data and sends the user back to page one.

    I have tried adding a button and changing it to a reset button, but the styling is different, and the “Previous” button remains at the bottom of the form.

    Is there a way to do this?

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @rocketpig3

    Please, follow the instructions below:

    Enter the style definition below in the “Customize Form Design” attribute in the “Form Settings” tab:

    #fbuilder .pbEnd .pbPrevious{display:none !important;}

    Insert a button field in the last page, select the "Reset" option as its type (In the field’s settings).

    Best regards.

    Thread Starter rocketpig3

    (@rocketpig3)

    Thanks, this worked but the reset button is not styled the same as the next/previous buttons. I think our theme might be overriding it. Is there some CSS we can use to force the form’s theme for the button? We are using the default form theme.

    Thanks

    Plugin Author codepeople

    (@codepeople)

    Hello @rocketpig3

    The CSS selector for the buttons fields is

    #fbuilder .cff-button-field input

    And you can modify its appearance via the “Customize Form Design” attribute.

    Best regards.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Changing the “Previous” button to a reset button on final page’ is closed to new replies.