The Community forums are being phased out in favor of a new Slack group.
Add your email address below to get an invitation to join the community slack group
Radio buttons and drop down field not showing up? Formidable Pro.
Here is the URL - http://pittransformed.com/industry-day-registration/ (page password is: pit)
Plain-wrap form here. Though the radio buttons (yes no) nor the select your state fields are showing up.
I've been using Formidable for years - I'm stumped.
Then, I tried using a Formidable template as a test, adding a drop-down field and radio buttons or check boxes. None is appearing on the published form.
While I have your attention, is there a way to edit the CSS of this page without touching the Formidable CSS stylesheet? Adding custom CSS to the WP Appearance/Custom CSS didn't work. (I didn't think it would). And the Formidable "Custom HTML" didn't allow me to add an inline style.
Would love insights.
Thanks in advance.
M
January 19, 2018 at 9:17 pm
Marjorie,
There is css in your theme that are preventing those items from showing on the form.
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
position: absolute;
opacity: 0; <--- Prevents the Checkboxes from displaying.
pointer-events: none;
}
select {
display: none; <--- Prevents the select box from displaying.
}
You might try adding this to your custom css section for the theme and see if it fixes those issues.
#frm_form_13_container [type="checkbox"]:not(:checked), #frm_form_13_container [type="checkbox"]:checked {
opacity: 1 !important;
}
#frm_form_13_container select {
display: block !important;
}
I am not familiar with your theme but there can be a few places you can add css to your theme.
1. Appearance/Editor style.css file if you have nowhere else to add it.
2. Appearance/Editor custom.css file if it exists.
3. Some themes have a custom css area in the theme dashboard or sometimes it is accessible through the Customizer.
January 19, 2018 at 10:29 pm
WOW!! That worked.
Thank you, Thomas!
January 20, 2018 at 4:47 am
Marjorie,
I am glad that worked. One thing I will add is that by adding the #frm_form_13_container to the css, the rules you added will only target that current form. You can always try without the #frm_form_13_container in the code and see if it works without causing any additional issues with the site. I was not sure why those elements were hidden in the css, to begin with, and thought just targeting the specific form would be the safest bet.
You could try
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
opacity: 1 !important;
}
select {
display: block !important;
}
or something like the following to target all the formidable forms on the site with those changes
.frm_forms [type="checkbox"]:not(:checked), .frm_forms [type="checkbox"]:checked {
opacity: 1 !important;
}
.frm_forms select {
display: block !important;
}
May 23, 2018 at 4:13 am
I think I have a similar problem. I used a repeater in my form (https://www.stagbeetlemonitoring.org/test/) but when the form is shown it doesn't give a blank line yet. Under 'observations', you will only find the '+' sign to add a new line. It seems that the theme 'MH biosphere' is blocking/not sowing this. Normally, there should be a blanc line available (https://www.stagbeetlemonitoring.org/wp-admin/admin-ajax.php?action=frm_forms_preview&form=uw7eo). Main problem is that you cannot save the form as needed data is now missing in this first row. Any idea how to solve this? As the form is related to login-data, you need to create a login first to actually see the forms.
By the way, I can't create a new discussion here, why is that?
Discussion closed.