GusRuss89

Hello @herculesasl

The free version of the plugin has been closed, so there will be no update for that.

The premium version does have a security patch available – version 2.6.5. Please update your premium installations.

Thanks,
Angus

Unfortunately, we will not be making further updates to this plugin, apart from any security patches that may be necessary. Pro users will still be able to access support.

Sorry for the inconvenience.

Hi @rickadman

Yes, the pro version does allow you to design responsive forms.

If you’re seeing text cut-off on your form, it’s probably something to do with your theme’s CSS. Feel free to send me a link and I’ll help you debug and fix it with some custom CSS.

Thanks,
Angus

Hi @antoniii0o ,

To debug the icons and the “E”, I’ll need to see your form’s front-end. Do you have a live link where I can view it?

It could be that [/md-form] is supposed to be the last line (you should move it to be the last line).

[md-captcha] is supposed to have a captcha tag inside it. However, since CF7 version 5, Captchas are now invisible, so you should be able to remove the [md-captcha] entirely and just use CF7’s captcha.

Thanks,
Angus

Hi @spidermap,

Do you have any caching plugins? Try refreshing all your caches after you disable mailchimp.

I can see from the JavaScript error on your page that the error is coming from the mailchimp plugin.

Uncaught Error: Syntax error, unrecognized expression: <div class="mdc-checkbox__background">...</div>
    at Function.a.error (mc-validate.js:2)

The mc-validate.js file is from Mailchimp.

Thanks,
Angus

Hi @spidermap ,

Could you please try disabling your mailchimp plugin to see if that’s what’s causing the issue?

If it is, please let me know and I’ll try and find a way to fix that.

Thanks,
Angus

Hi @snippet24 ,

When I add the CSS I provided to your page, it works perfectly. Are you still seeing the issue with the mis-aligned placeholder?

Don’t forget to add the CSS I provided under Appearance > Customize > Material Design Forms > Custom CSS

Thanks,
Angus

Hi @elwazeery , no the plugin currently does not have RTL support. Sorry about that.

Thanks,
Angus

Hi @snippet24

It should look like what you were aiming for. You must have some theme CSS overriding the padding on the fields..?

If you send a link to your form (front end) I can help you debug.

Thanks,
Angus

Hi @snippet24

I think Google are unlikely to add this to their Material Design Components library because the original intention of floating labels was to “start as a placeholder and turn into a label” to combat this – https://www.nngroup.com/articles/form-design-placeholders/

I’ll consider adding this in future versions of the plugin, but for now you could do something like this:

#cf7md-form .mdc-text-field__input::placeholder {
    opacity: 0;
    color: #888888 !important;
    transition: opacity 0.3s linear;
}
#cf7md-form .mdc-text-field--focused .mdc-text-field__input::placeholder {
    opacity: 1;
}

Thanks for using the plugin!
Angus

Hi Chris,

While the material.io site does show multi-line text fields with the solid background, Google’s “Material Components Web” doesn’t offer this field type, so it’s not built in to the plugin.

https://material-components.github.io/material-components-web-catalog/#/component/text-field

Sorry about that. Personally I’d also like to see Google add a solid background option for textarea fields

Thanks,
Angus

Hi @canou92

Material Design doesn’t alter the attachment process at all, so please refer to the CF7 attachments guide here – https://contactform7.com/file-uploading-and-attachment/

To change the colours, you’ll either need to write some custom CSS, or upgrade to the pro version. You can test what the pro version can do by going to Appearance > Customize > Material Design Forms. From there you’ll be able to change colours, but it’s only a preview until you upgrade to pro.

Thanks,
Angus

Hi @angelolazzari

Placeholders are not really meant to be used in Material Design – instead what you should probably do is put that example lat/lng format in the help text like this:

[md-text label="GPS longitud latitud" help="E.g. 36.852765,-4.721613"]

I also note you’re using the legacy styles, which are no officially supported. I’d encourage you to switch the legacy styles off under Contact > Material Design.

Thanks,
Angus

Hi @oliversaar

The second option should work, you’ll just need to make sure it runs after material design initializes.

The material design JS runs like this:

jQuery(document).ready(function() {
	window.cf7mdInit();
});

Unfortunately no global event is emitted to listen on, but you could make sure your js runs after this by doing something like this:

jQuery(document).ready(function() {
    setTimeout(function() {
        // your js here
    }, 1);
});

Thanks,
Angus

Hi @czares , I mean what version of the plugin, not what version of WordPress.

Thanks,
Angus