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

Slack Signup
Newsletter Optin
Help Desk

Radio buttons and drop down field not showing up? Formidable Pro.

Labels

This Discussion is public

Notifications

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

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.

WOW!! That worked.
Thank you, Thomas!

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;
}

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.