GusRuss89
Forum Replies Created
-
Forum: Plugins
In reply to: [Material Design for Contact Form 7] label and check box option in same lineIf you mean you want all your checkbox options on one line, you can do it like this.
[md-checkbox label="Checkbox" display="inline"] ((your cf7 checkbox tag here)) [/md-checkbox]If you just mean that for every checkbox, the box and text should be on the same line, then that’s how it is by default. If it’s not like that for you, you must have a theme conflict. I’m happy to fix it for you but will need to see your site (no admin login, just the front end).
I’m marking resolved for now, but if it’s the latter that you want, just reply with a link to your site.
Thanks,
AngusForum: Plugins
In reply to: [Material Design for Contact Form 7] Email subscription checkbox (Sendinblue)Hi @bababoom,
I don’t know how the sendinblue plugin works, but here are my guesses.
The plugin probably requires that you call the email field
your-email, but if you’re already using that, then you won’t need to repeat it. Just delete the second one.Also, the
13in this part[hidden sendinblue-list-id "13"]will need to be the list ID of your sendinblue list.Thanks,
AngusForum: Plugins
In reply to: [Material Design for Contact Form 7] Email subscription checkbox (Sendinblue)Hi @bababoom,
That’s pretty strange. Try this version (I’ve just swapped the quote marks and removed the extra space).
[md-form] ... any other form fields [md-text label="Your email address"] [email* your-email] [/md-text] [md-checkbox label="Subscribe to our newsletter"] [checkbox sendinblue-opt-in default:1 "Subscribe"] [/md-checkbox] [hidden sendinblue-list-id "13"] [/md-form]Thanks,
AngusForum: Plugins
In reply to: [Material Design for Contact Form 7] Email subscription checkbox (Sendinblue)Hi Simon,
It would look like this.
[md-form] ... any other form fields [md-text label="Your email address"] [email* your-email] [/md-text] [md-checkbox label="Subscribe to our newsletter"] [checkbox sendinblue-opt-in default:1 “Subscribe” ] [/md-checkbox] [hidden sendinblue-list-id "13"] [/md-form]Let me know how that goes for you.
Thanks,
AngusForum: Plugins
In reply to: [Material Design for Contact Form 7] ErrorHi @camilo517,
Thanks for filing this issue. It’s something I’ve considered, but the problem is that there is no way to detect whether a form is on the page from the
wp_enqueue_scriptshook.I could change it so that the scripts are enqueued from inside the shortcode, but I’m honestly not sure if that is a good idea, or whether it might break in some circumstances.
If you want to increase the performance for your own site, you can always do this in your functions.php:
add_action( 'wp_enqueue_scripts', 'my_dequeue_cf7md', 90 ); function my_dequeue_cf7md() { if( !is_page('contact') ) { wp_dequeue_script( 'cf7-material-design' ); wp_dequeue_script( 'autosize' ); wp_dequeue_style( 'cf7md_roboto' ); wp_dequeue_style( 'cf7-material-design' ); } }Obviously you would need to craft your own
ifcondition.Thanks,
AngusForum: Plugins
In reply to: [Material Design for Contact Form 7] Email subscription checkbox (Sendinblue)Hi Simon,
The checkbox doesn’t seem to be on that page at all. Is that the issue? Or have you removed it for now?
If you removed it, can you please add it back for a while so that I can debug the issue?
Thanks,
AngusForum: Plugins
In reply to: [Live Preview for Contact Form 7] page chooseHi Bruno,
That doesn’t sound right. Is it possible for you to give me a temporary admin account so that I can debug for you?
If so, please just add angus.russell89@gmail.com as an administrator (don’t post any passwords here, you can email them to me if you like).
Thanks,
AngusForum: Plugins
In reply to: [Material Design for Contact Form 7] Email subscription checkbox (Sendinblue)Forum: Plugins
In reply to: [Material Design for Contact Form 7] change outline border colorHi @joostmulder,
It’s a tricky one because there are a lot of different states that all have their own CSS rules.
If you want to change the outline colour of an unfocused field, you should be able to do something like this:
/* Unfocused field outline */ #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__path, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__path { stroke: green; } #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__idle, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__idle { border-color: green; }And for focused fields:
/* Focused fields outline */ #cf7md-form .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__idle, #cf7md-form .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline__idle { border-color: blue; }You can add this CSS under Appearance > Customiser > Material Design Forms > Custom CSS. Obviously you can change the colours from
blueandgreento whatever you like.Thanks,
AngusForum: Plugins
In reply to: [Material Design for Contact Form 7] Change Select heightHi @joostmulder,
Unfortunately material design (the Google version) doesn’t support multi-select fields. This is probably because they’re difficult to fill out anyway and not very accessible.
My recommendation is to use checkboxes instead of multi-select fields. If you have lots of options, you can display the checkboxes in columns.
Thanks,
AngusHi Abhijit,
I’m closing this but will let you know when there is support for the International Phone Number plugin.
Thanks,
AngusHi @mic22,
Sorry for the late reply.
Can I see your form code please? I.e. the code from Contact > Contact Forms > [Your form].
Thanks,
AngusForum: Plugins
In reply to: [Material Design for Contact Form 7] Calendar popup does not appear in safariHi @vicvickyrox,
The correct format is yyyy-mm-dd. I’ve confirmed it works on your form in Safari.
Thanks,
AngusForum: Plugins
In reply to: [Material Design for Contact Form 7] Calendar popup does not appear in safariHi @vicvickyrox
Both Contact Form 7 and Material design use the browser’s built-in date input field. Safari doesn’t have a calendar dropdown, so it’s up to the user to type out the date. This is the choice of the Material Components team at Google.
The best thing to do is just add
help="Use datepicker or enter in YYYY-MM-DD format"(or something along those lines) to yourmd-dateshortcode.Thanks,
AngusHi @abhijitshilawat,
Is your site live? If so I can have a quick look, but otherwise I’m not sure how long it will take.
Thanks,
Angus