How to disable the first "Back" button and change the "Next" button to Get Start

On the first screen of the paginated form, the member wants to hide the disabled "Back" button and change the text of "Next" button to "Getting Started"

  • Patrick Freitas
    • Staff

    Hi Adam

    Hope you are doing well.

    You can hide the disabled button using a custom CSS,

    #YOUR_FOM_ID .forminator-pagination-prev:disabled{display: none;}

    Replace the #YOUR_FOM_ID for the ID on your Forminator Form

    Paste the code on Forminator Custom CSS or the WordPress > Appearance > Customize > Additional CSS

    However, I'm afraid I wasn't able to find any easy way to modify the first Button Label to Getting Started, I'm escalating the ticket to our Second Line Support.

    Note, the second line support deal with the more complex situation, and it can cause a delay in the response.

    Best Regards,
    Patrick Freitas

  • Konstantinos Xenos
    • Rubber Duck Debugger

    Hey Adam ,

    You can add this snippet in your functions.php to change the text of the button. Since the form has pagination when you click on the "Getting Started" button it will automatically revert on showing the text that you've set on the options or "Next" that's the default.

    add_action(
    	'wp_footer',
    	function() {
    		?>
    		<script>
    		( function( $ ) {
    			$( document ).ready( function() {
    				setTimeout( function() {
    					$( 'button.forminator-pagination-next' ).text( 'Getting Started' );
    				}, 100	);
    			} );
    		} ( jQuery ) );
    		</script>
    		<?php
    	},
    	999
    );

    Tell me if you need further help with this !

    Regards,
    Konstantinos

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.