GusRuss89

Hi @deepakrise,

Unfortunately there’s no built-in way to do this yet. It has been on my list of potential additional features for a while so at some point in the future it should be possible out of the box, but I don’t have a timeline for it at this point.

If you are ok with HTML and CSS you might be able to do it yourself, here’s what you’d need to do:

1. Add the material icons font to your theme’s header.php

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

2. Add the icon to your label like so:

[md-text label="<i class='material-icons'>email</i> Your email"]
[email* your-email]
[/md-text]

(note the single-quotes around material-icons)

3. Add some CSS to your theme to make the icons the right size and position. Something like:

label .material-icons {
    position: relative;
    top: 0.3em;
    margin-right: 0.2em;
}

Thanks,
Angus

Hi @trollsk1n,

I’m not sure what you mean by this:

but still have a button missing text, or even taking it, you can click to send

Is there some other issue with the acceptance checkbox for you?

Thanks,
Angus

Hi @zeem11,

The textareas are set to auto-resize by default, but you can set a min-height in CSS if you like. The min-height will also work for non-autosizing textareas ([md-textarea autosize="0"]. The following CSS sets the same min-height for both:

#cf7md-form .cf7md-textarea-autosize textarea,
#cf7md-form .cf7md-textarea textarea {
    min-height: 10em;
}

Thanks,
Angus

Hi erenduk,

The ring is to indicate focus, so it stays as long as the element retains focus. This is as per the material design guidelines.

I agree it seems a bit weird at first, but I’ve chosen not to deviate from the guidelines and Google’s Material Components Web implementation.

Thanks for the feedback,
Angus

Hi erenduk,

There is currently nothing in the customizer for the placeholder/label colour, but I’ll consider adding it. Thanks for the suggestion.

In the meantime you can add this CSS via the customizer (Customize > Material Design Forms > Custom CSS field) and change the colour to whatever you like.

#cf7md-form label, #cf7md-form .cf7md-label--static, #cf7md-form .cf7md-help-text, #cf7md-form .mdc-textfield__label {
    color: black;
}

Thanks,
Angus

Hi @lotusms,

Yes if you’re on localhost then the domain won’t count towards your license quota of 1. You should be able to use the same license key on your production domain.

If you have issues with this for whatever reason, just email me (my email address is provided in the premium version) and I’ll make sure your license will work on your production domain.

Thanks,
Angus

Hi @momo-fr,

I have just updated the plugin with a new shortcode for file upload fields.

Thanks,
Angus

Hi @momo-fr,

You’re right, there is currently no wrapper for file inputs. This is because the official Material Components Web also does not yet have file inputs implemented.

It is on my to-do list to build one myself but I have no ETA on that.

Unfortunately that means whatever you use for file upload will look different to the rest of the form. One option you have though is to embrace that and use something like Drop Uploader for CF7 for a totally different style for your file field (different enough that it won’t clash).

Sorry, that’s the best alternative at the moment.

Hi rotello,

The plugin just styles the default CF7 success message. To have the form disappear would require another plugin as it’s not standard CF7 behaviour.

It currently isn’t possible to organise checkboxes into columns, however this is a good idea and something I’ll consider adding in the next release.

Thanks,
Angus

@avorobyev file input wrapper is on the roadmap ??

Hi @avorobyev

Thanks for the rating!

Unfortunately there’s not much I can do about the load times as a plugin author.

However 3s is incorrect because those files should all download concurrently, along with all your other scripts and styles.

If you want to speed up your load times, I’d recommend finding a plugin that can concatenate and minify your scripts and styles. A free service like Cloudflare could also do this for you at the DNS level.

Thanks again.

Hmm I’m pretty stumped as well. Have you tried removing the mp4 source altogether just for testing? Do you have a url where I can take a look at the problem?

Thanks,
Angus

Hi, what did you use to encode the webm, mp4, ogg? I can’t really see how the plugin could cause something like this, it must be to do with the video encoding.

You could try one at a time removing 2 out of 3 of the source types (can’t remember off the top of my head which one Safari will use first) and see if you can narrow it down to which one of your 3 sources is creating the issue. Once you’ve figured that out, try to re-encode that version, maybe through a different service.

Hi PP,

The video options are on the row editor, not the widget editor.

Thanks,
Angus

Hi LiSkynd,

There’s not currently a way to stop playback on scroll, however because the videos are muted there’s also not really as much of a need to do it. It would be purely for bandwidth/download purposes.

I might build that in at some point in the future, but as I said it doesn’t exist right now.

Thanks,
Angus