Support » Plugin: Forminator - Contact Form, Payment Form & Custom Form Builder » Need To Hide Submit Button On Some Forms

  • Resolved PortMacOnline

    (@portmaconline)


    Hi guys,
    I have just been in contact with one of your live chat support team, and he suggested that I start a new thread here. As the title says, I need to hide the button altogether on some forms, and just display the calculation fields.

    Quick background, I have been using Caldera Forms and Caldera Forms Pro since v1.2 from memory, but they are being shut down and I need a replacement form plugin for a number of websites. I am currently evaluating Forminator with a view to using Forminator Pro as a replacement for Caldera Forms Pro. The form I am trying to duplicate is listed in the link above, built using Caldera Forms Pro. I have replaced the sliders with number fields in Forminator.

    I have tried both the suggestions in this thread with no luck: https://wordpress.org/support/topic/hide-submit-button-forminator/

    The code I have tried is:

    #submit.forminator-field {display: none;}
    
    My shortcode for the form is [forminator_form id="20225"] so I tried
    
    #forminator-module-20225 #submit.forminator-field {
    	display: none;
    }

    but neither are working. I am running WP Fastest Cache, but purged both the page and CSS caches, but still no luck. This is a dealbreaker for me because I have a number of forms I need to convert which don’t have any buttons on them at all.

    Any thoughts?

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Nebu John – WPMU DEV Support

    (@wpmudevsupport14)

    Hi @portmaconline,

    I hope you are doing well and thank you for reaching out to us.

    Can you please try the following CSS?

    #forminator-module-20225 button.forminator-button.forminator-button-submit {
        display: none;
    }

    You can add the CSS at WP Dashboard >> Appearance >> Cutomizer >> Additonal CSS. If that didn’t help, can you please share a URL where we can find the Forminator form?

    Kind Regards,
    Nebu John

    Thread Starter PortMacOnline

    (@portmaconline)

    Hi Nebu John,
    Thanks for that, that works fine! But going that way, I would need to duplicate the code snippet (but change the module ID) every time I add a new form where I wanted to hide the button, is that correct? If so, the custom CSS file would fill up pretty quickly?

    Is it possible to add that code to the form custom CSS itself, rather than using the theme Customizer custom CSS, or wouldn’t that work?

    The website I am working on is inside Local by Flywheel, so not sure I can share the link anyway.

    Cheers,
    Terry Chadban

    • This reply was modified 4 months, 3 weeks ago by PortMacOnline.
    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @portmaconline

    I hope you are doing well

    Adding the ID would prevent having the CSS across all the forms, you can use something more generic like:

    .forminator-ui button.forminator-button.forminator-button-submit {
        display: none;
    }

    But it could cause some issues.

    Another alternative is adding this code as a mu-plugin:

    <?php
    
    add_filter( 'forminator_render_button_markup', function( $html ){
    	$html = str_replace('class="forminator-field"', 'id="submit" class="forminator-field"', $html);
    	return $html;
    } );

    It will fix an issue for submit button rules, ( Will be fixed in the upcoming version so the code is temporary )

    Then you can use the visibility rule and set visibility to show that will never happen.

    https://monosnap.com/file/1NBmXPFXCxM9L2vFh7uKzxTJ3xIfFy

    Best Regards
    Patrick Freitas

    Thread Starter PortMacOnline

    (@portmaconline)

    Hi Patrick,
    Thanks for the added info, but the Customizer fix will do for now if you guys are working on a better fix. Having an option to delete the submit button altogether would probably be the easiest and best way forward?

    Cheers,
    Terry Chadban

    Plugin Support Adam – WPMU DEV Support

    (@wpmudev-support8)

    Hi @portmaconline

    Yes, there will be a fix so you’ll just be able to set visibility rules for the button so you’ll be able to hide it. I don’t think it will be possible to remove it all together but with conditional visibility rules it will be possible to hide it entirely.

    Best regards,
    Adam

    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    Hi @portmaconline

    I hope you are doing well and safe!

    We haven’t heard from you in a while, I’ll mark this thread as resolved.

    Feel free to let us know if you have any additional question or problem.

    Best Regards
    Patrick Freitas

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.