Font Awesome in form fields?

By: Gear Monkey | Asked: 05/09/2022
ForumsCategory: How-toFont Awesome in form fields?
Gear Monkey asked 2 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!

1 Answers
Victor Font answered 2 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.
Gear Monkey replied 2 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!

Victor Font replied 2 years ago

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.

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community