GusRuss89

Hi @vladimirt

The download link in your original email should still work if you can find it.

Alternatively, you can copy the plugin folder from a current site and zip it up, then install by uploading the zip.

Thanks,
Angus

Hi @shubhamdahale

I’ve released an update to the plugin that will fix your problem. Please let me know if it works (or if it doesn’t) so that I can close this issue.

Thanks,
Angus

@shubhamdahale can you please try activating the default theme and see if you still see “Undefined”. I think your theme might be making changes to the button that conflict with the plugin.

Thanks,
Angus

@didoulr you can use the [md-text] shortcode for both.

[md-form]

[md-text label="Datedenaissance"]
[date* Datedenaissance]
[/md-text]

[md-text label="Age"]
[number* Age]
[/md-text]

[/md-form]

Hi @2020media

The select field is a bit different to the rest in that it doesn’t actually have a label – instead it inserts your label text as the first option in the field. It’s done this way because at the time it was built, the Material Components library (by Google) didn’t have a good alternative.

It will be fixed in an upcoming release, but if you just want to fix the colour, and know how to add some JavaScript and Custom CSS to your theme, you can do the following.

1. Add this JavaScript to your theme

jQuery(document).on('ready', function(){
  jQuery('.cf7md-select select').on('change', function(e) {
    if (jQuery(this).val() !== jQuery(this).find('option:first-of-type').attr('value')) {
      jQuery(this).addClass('is-selected').removeClass('is-label')
    } else {
      jQuery(this).removeClass('is-selected').addClass('is-label')
    }
  })
})

2. Add this CSS to Appearance > Customizer > Material Design Forms > Custom CSS

#cf7md-form .mdc-select.is-label {
    color: rgba(0, 0, 0, 0.38);
}
#cf7md-form .mdc-select.is-selected {
    color: rgba(0, 0, 0, 0.87);
}

Thanks,
Angus

@jvj thanks for reporting this. I’ve released an update that fixes the issue.

Hi @2020media

Thanks for the feedback. I’m not sure when the (x) stopped working for the ad, but I’ll fix that Asap.

You can remove the “Customize your form’s colours and fonts.” message using this CSS in Appearance > Customizer > Material Design Forms > Custom CSS:

.cf7md-admin-customize-message {
display: none;
}

I will also add an admin option to remove this message in an upcoming release.

Thanks again,
Angus