How do you add the icons next to the form fields.

  • Profile Image
    blakeweber
    Asked on October 16, 2014 at 03:57 PM

    How do you add the icons next to the form fields. For example the person icon next to name, and envelope icon next to email.



    This is a re-post of a comment on Introducing JotForm’s New Form Designer!

  • Profile Image
    jonathan
    Answered on October 16, 2014 at 04:57 PM

    Hi,

    You meant something like this 

     

    Using the new Form Designer, you can add icon/image to the input box(in this case the Textbox field) by going to the CSS designer and inject CSS code like this

    sample CSS

    #input_1 {

        background : transparent url('http://www.yourwebsite.com/icons/name_icon.png') no-repeat 20px center;

        background-size : 20px;

    }

    where #input_1 is the field ID#

    Hope this help. Please tell us if you need further assistance.

    Thanks

    .