Hide buttons on a specific page

  • Resolved eduardonie

    (@eduardonie)


    3 years, 2 months ago

    How to hide all buttons on a specific page (eg page 3 of 5) and take the user to the next page after 10s automatically?

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

    (@codepeople)

    Hello @eduardonie

    Every page in a multipage form has associated a class name. The first page has the class name pb0, the second page pb1, and so on. If you want to hide the buttons on page 3, you can 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 .pb2 .pbNext,
#fbuilder .pb2 .pbPrevious{display:none !important;}

    To redirect the user after ten seconds, you can insert an “HTML Content” field with the following piece of code as its content:

    <script>
jQuery(document).on('cff-gotopage', function(evt, arg){if(arg['to'] == 2) setTimeout(function(){jQuery('.pb2 .pbNext').click();}, 10000)});
</script>

    For additional custom coding, please, contact us through our private website: Click Here

    Best regards.

    Thread Starter eduardonie

    (@eduardonie)

    Thank you very much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Hide buttons on a specific page’ is closed to new replies.