dsk3211
Member
This is a basic function on many forms, but I can't seem to figure out how to do it with Gravity Forms. How would I add a "more" button after a field to drop down additional fields to add to the first?
Example, I have a section break titled Certification(s), and below that three fields lined up horizontally for Certification name, Certifying Agency and Date Completed. Below that I'd like to add a button that will drop down three additional identical fields also lined up horizontally.
Thanks!
This is called a list field in Gravity Forms. You will find it in the Advanced Fields section of the form builder and it works exactly as you expect it to.
Screenshot of where you add the field to your form: http://minus.com/lDnL3bjOlOC8O
You can see an example of the list field in action here: http://gravity.chrishajer.com/family-reunion-rsvp/
dsk3211
Member
Chris, thank you very much. I do have a slight problem with this however, the button doesn't seem to line up. I added the fields, but the button is off center as you can see at my site, under the "Nearby Area(s)" section. Do you know how I can get the button to line up properly?
http://craniosacraldirectory.com/submit/
Thanks!
Please try adding this to your theme's stylesheet:
[css]
body .gform_wrapper table.gfield_list td.gfield_list_icons img {
margin-bottom:22px!important;
}
dsk3211
Member
Actually, now if you look at the nearby areas section, the middle text field drops down about 20px after text is typed into it. If you click the + button, the next line of 3 text boxes lines up correctly, but the top middle box is still off center.
Richard Vav
Administrator
Try adding this
body .gform_wrapper .gfield_list input {
display: inline !important;
}and remove or comment out the following
body .gform_wrapper table.gfield_list td.gfield_list_icons img {
margin-bottom:22px!important;
}Thanks Richard.