How do I add a dropdown selector to a contact form?

refinnej · March 15, 2018, 1:46pm

Hello everyone!

Is there any way I can add a dropdown selector to a contact form? I am working off this basis, but I want to replace the text fields with a dropdown selector. Help?

Here is my public share link: LINK
(how to access public share link)

magicmark · March 15, 2018, 1:52pm

Hi @refinnej backwards

All the form elements are found in the Forms tab. Any of these can be used as long as they are within a form.

aaronocampo · March 15, 2018, 1:53pm

Here’s a small video on how to do that

http://cloud.ipagroup.co/qC8q

refinnej · March 15, 2018, 2:38pm

Thank you! This was very helpful. It looks like there is no way to style this selector at all? At least, not in designer anyway. Is it possible to style this with custom CSS anywhere? Essentially, I would love to do a play off of this: 57%20AM

aaronocampo · March 15, 2018, 2:41pm

Yes, you can always use custom code to modify elements in Webflow

refinnej · March 15, 2018, 2:42pm

Hi!!! My name was obviously taken so I thought I would be creative. haha!

refinnej · March 15, 2018, 2:43pm

Thank you! Lemme see if I can figure out how to do that. lol

Enjoy your day and thanks again!

Jen

magicmark · March 15, 2018, 2:45pm

This topic may offer some insight.

The biggest issue is the different browsers and devices adding their own styling to forms

refinnej · March 15, 2018, 3:05pm

I know there is a way to override browser styling on different elements on a website etc. I found this article that explains in further detail.

https://www.thoughtco.com/remove-default-styling-with-master-sheet-3466871