Gravity Form Checkboxes

For anyone else using Wordpress and Gravity Forms to make the checkbox visible again override the following css:

[type=checkbox]:checked, [type=checkbox]:not(:checked) {
    opacity: unset;
    pointer-events: unset;
}

Currently, we don't officially support Gravity Forms. Anyway, some users use MDB with Gravity forms so maybe someone will know the answer

@Paul King @Bartłomiej Malanowski

Hi All, I recently published a plugin called Modern Designs for Gravity Forms that has an option to specify that you are using MDB Pro. It will convert all the HTML Markup of Gravity Forms to MDB Pro specific markup. This will allow you to continue using your existing installation of MDB Pro without requiring any additional scripts or styles to be added to your website.

If you are not using MDB Pro and just using MDB Free version which uses Bootstrap's specific markup then you can use the "Use Bootstrap" markup instead. It does the exact same thing, but just the generic Bootstrap markup without needing to include any additional scripts or styles as you are already importing your own.

However, if you are not including Bootstrap or MDB already then you can utilize another option of including Bootstrap or Material Design with the plugin.

These options are all part of the Pro version, but since I just launched it I am looking for some BETA testers so if you want a free Pro license then respond here and make sure to include me by adding @ggedde in the response.

Thanks

Hi

I run a 'template' site for several hundred users, each of which can edit their own pages using an html editor.

Any of them might want to insert code provided by a third party - e.g. charity payment forms. These forms don't display properly - I've tried copying the code above into the css file - the boxes now display, but over the text label. (see test site)

Example code:

<fieldset class="mc_fieldset gdprRequired mc-field-group" name="interestgroup_field"> <label class="checkbox subfield" for="gdpr_93"><input type="checkbox" id="gdpr_93" name="gdpr[93]" value="Y" class="av-checkbox " />Email </label><label class="checkbox subfield" for="gdpr_105"><input type="checkbox" id="gdpr_105" name="gdpr[105]" value="Y" class="av-checkbox " />SMS </label> <br> </fieldset>

Could you suggest a modification to the css above so users could paste code in place and still have things display properly?

Many thanks

Chris

Hi Marcin

Thanks - we aren't using WordPress or Gravity.

Cheers Chris

Thanks Marcin

I thought I'd tried that, but obviously missed something!

Cheers Chris