• Resolved wpvale

    (@wpvale)


    I have created a 20 question test which I divided in 4 pages. You can see it at https://deusesdoamor.com.br/as-dicas-de-atena/pessoa-certa
    2 questions:
    1. At the 4th page I would like the button to say “finish” instead of next (in Portuguese Proximo)
    2. At the 5th page with the test result, remove the previous button (Voltar)

    Is it possible to do it?
    Thanks ??

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter wpvale

    (@wpvale)

    did not get an answer so I guess cannot be done.
    Would be at least possible to remove/hide the button “back” at last page?

    Plugin Author codepeople

    (@codepeople)

    Hello @wpvale

    My apologies for the delay in responding to your question. I did not receive the forum notification about your entry.

    Every page in the form has assigned a unique class name pb0 for the first page, pb1 for the second one, pb2 for the third page, and so on. The last page has assigned the pbEnd class name. If you want to hide the “previous page” button in the last page, please, enter the style definition below through the “Customize Form Design” attribute in the “Form Settings” tab (https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png):

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

    If you want to replace the text of the “Next Page” button in the fourth page (class name pb3), please, insert an “HTML Content” field in the form, and enter the following piece of code as its content:

    <script>
    fbuilderjQuery(document).one('showHideDepEvent', function(){
    fbuilderjQuery('.pb3 .pbNext').text('Finish');
    });
    </script>

    Best regards.

    Thread Starter wpvale

    (@wpvale)

    Excellent thanks for the help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Multi pages form – customize next previous’ is closed to new replies.