Hey @muggles
First of all, thank you so much for your rating. We really appreciate that.
Regarding the issues you mentioned, I have a few questions which would help us in understanding them better:
1. I am having a hard time understanding the issue. Are you trying to create a dropdown field similar to the Country field? You can do that using the “Select” field. You can also check the docs related to the Select field https://premium.wpmudev.org/docs/wpmu-dev-plugins/forminator/#select-field. If I have misunderstood your requirement, I’d request you to provide more info (maybe with some screenshots) that could help us understand it better. We’d really love to help you with it.
2. So basically, when someone selects South Africa on the Country field, you want the Province/State field to be a dropdown field that has a list of provinces in South Africa so your visitors can select their province from that list instead of having to type in the input field. Is that correct?
If this is what you want, there is a workaround for that. You can actually disable the Province/State sub-field from the Address field and use a dropdown field with a list of provinces. And, then using visibility conditions, this dropdown field can be set to only appear if the selected country is “South Africa”. I have created a demo form that works in a similar way. You can import it on your website using https://drive.google.com/file/d/1GAL5Hi6QkKcCDZEh-WPUViZ0LP3so-CH/view?usp=sharing. If you are not sure how to import a form, you can refer to this guide: https://premium.wpmudev.org/docs/wpmu-dev-plugins/forminator/#import-export
Regards,
Mukul Chawla
-
This reply was modified 5 years, 9 months ago by
Mukul Chawla.
Thank you Mukul. I relooked at what I was doing regarding the Select field and it was definitely user error (blush). I’ve figured it out now and everything is working perfectly. I’ll have a look at your suggestion regarding the 2nd issue when I have a bit more time. For now, it’s fine the way it is. 😀
Another issue that I’m having is with the background colour of the arrows on the datepicker field. They are currently blue and I need them to be green to match the rest of my website.
The theme for my site is Storevilla (https://accesspressthemes.com/wordpress-themes/storevilla/) and the link to where the problem is on page 3 of the form located here:
https://pcttravel.co.za/bookings/bookings-pct-travel/
After checking out all the options for changing the appearance of the form within Forminator, I couldn’t find where this blue was coming from so resorted to inspecting the element and I found the specific code that governs this to be:
.forminator-custom-form-421.forminator-calendar–default .ui-datepicker-header .ui-corner-all {
background-color: #17A8E3;
color: #FFFFFF;
}
Still using the inspect tool, I changed the background colour to #017f01 which is the colour I want it to be and it worked beautifully. So I copied the code and put it into my Custom CSS plugin so that it would display correctly. Saved the Custom CSS, refreshed the form and when I got back to the datepicker field (it’s on page 3 of the form), the arrows are back to blue again 🙁
I’ve tried adding “!important” after the colour. That fixes the arrows but messes up a whole lot of other stuff on the form. I have a screenshot to show what it does but I can’t post that here unfortunately.
The best I can come up with is that the wp admin theme color setting (which is blue) is overwriting my Custom CSS change, but I don’t know how to fix/change that or alternatively change the wp admin theme colour setting completely. I’m also not 100% sure if this is the problem.
Do you have any suggestions / solutions for me?
Thanks so much in advance 🙂
Regards
Sara
Hey Sara
Glad that the issue #1 worked out fine. Regarding the datepicker arrows issue, I can see that you have a support thread created for that here https://ww.wp.xz.cn/support/topic/forminator-plugin-datepicker-field-custom-css/. So we’ll take care of that over there 🙂
Regards,
Mukul Chawla