Align a checkbox near the Next button

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

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,

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

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