Support » Plugin: Forminator Payment, Quiz and Contact Form Plugin » Align a checkbox near the Next button

  • Resolved ratamatcat

    (@ratamatcat)


    How can I get a field (checkbox) to align to the right side of the form?

    Its the final field before a pagination field and I would like it near the Next button and just above it. Currently its just above the Back button.

    Have tried various attempts in my Additional CSS with a unique selector in the ‘Styling’ tab of the form field, to no avail.

    Also, (separate question) how can I hide a field based on if a separate checkbox field above it has no selections active? So if any checkboxes in the group of checkboxes are checked, the field becomes shown. (might not be possible)

    thanks,

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Kasia – WPMU DEV Support

    (@wpmudev-support2)

    Hello @ratamatcat ,

    Please try the following CSS:

    .right-float {text-align: right;}
    .right-float .forminator-checkbox {float: right;}

    replace right-float with the name of your custom class you have added to the checkbox.

    Also, (separate question) how can I hide a field based on if a separate checkbox field above it has no selections active? So if any checkboxes in the group of checkboxes are checked, the field becomes shown. (might not be possible)

    You can make a field by default hidden by setting in the Visibility settings “show” if “any of the following rules match:” and then add rules for the checkboxes. Something like that:

    So this way field will be hidden until something is checked.

    kind regards,
    Kasia

    ratamatcat

    (@ratamatcat)

    thanks Kasia,

    the field Description didn’t move but the label did, so I just swapped them and am not using a Description anymore.

    I looks funny on mobile screen so alternatively is there a way to add some buttons in-between the Back and Next paginate buttons. Capturing the same CSS (I might make them black with reversed text) but just regular buttons. I want to see how they look and might function. Hopefully they will stack up and down on the phone and side by side on desktop.

    thanks,

    Plugin Support Predrag Dubajic WPMU DEV Support

    (@wpmudev-support1)

    Hi @ratamatcat,

    Something like that would require some jQuery in order to insert the element in the desired location without changing the plugin core files.

    Here’s an example that should help with getting started with that:

    jQuery(document).ready(function( $ ){
          $( "#checkbox-1" ).insertAfter( $( ".forminator-button-back" ) );
    });

    What that would do is move element with ID checkbox-1 after the Back button.

    Cheers,
    Predrag

    Plugin Support Nastia – WPMU DEV Support

    (@wpmudev-support9)

    Hello @ratamatcat

    Hope all is well!

    We’ve not heard from you in a while. I’ve marked this ticket as resolved for now, but if you need anything else at all, we’re here for you, please just reopen the ticket or create a new one.

    Have a great day and take care!

    Cheers,
    Nastia

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