Formidable Forms Community Site

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
Subscribe

Hide drop downs

Labels

This Discussion is public

Notifications

I have a form with multiple drop downs but they are creating extra spacing on the form. I need to know how to hide the drop downs if they are not selected as an option.

https://www.smsteam.net/test-formidable/

 

 

What do you mean by creating extra space? The form looks fine.

There is a big gap between
Please let us know what marketing pieces you would like to have customized for you.
 

and the submit button

This is all CSS related. You have a lot of fields inserted in that large space that appear to be vertical radio button fields. Each one of them is 20px high and have a 15px top margin. While you have the fields themselves set to display:none, each field still requires 35px of space.

The margin is coming from this css:

.frm_style_formidable-style.with_frm_style .frm_section_heading {
margin-top: 15px;
}

The 20px space is padding on the h3 element. The classes is .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3.

I'm not sure what to tell you to fix this. I haven't seen this happen before with Formidable. Usually, when you hide a field, it's truly hidden. If I were you, I'd open a support ticket.

Thank you

Discussion closed.