Gear Monkey asked 3 years ago
Does anyone know how to use Font Awesome in form fields? I see that you can use Unicode but the same field doesn't work with Font Awesome.
Thanks in advance!
Victor Font Staff answered 3 years ago
What do you mean "use fontawesome in form fields"? Are you asking how can a user enter fontawesome characters into a field as input or do you mean how to use fontawesome to embellish the design?
I use fontawesome with the forms on my site. Here's an example where fontawesome icons are used for the help indicators and for the dollar sign circles for the range field. https://formidable-masterminds.com/developers-directory/
Gear Monkey
replied 3 years ago I love what you did with the $$$ and the ? and have absolutely no idea how to do that using Formidable. My original question was about using the Before Input under field options. I thought I could get away with using font awesome.
Thank for the response!
I've scheduled a tutorial for this, but it won't be on my publishing schedule until June at least. The $$$ is pure CSS. The popup help is tippy.js with a little HTML modification to the fields in the form's Customize HTML page. I basically wrap the label with a span and apply the custom CSS to the span. You also have to adjust the icon location properly which requires more custom CSS to override Formidable's.
Please login or Register to submit your answer
