How can I use icon on the text field ?

  • Profile Image
    Asked on November 03, 2014 at 01:43 AM
  • Profile Image
    Answered on November 03, 2014 at 04:42 AM


    That is done using custom injected CSS codes.

    I suggest you review this thread also as it it was exactly similar to your inquiry.


    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('') no-repeat 20px center;

        background-size : 20px;


    where #input_1 is the field ID#


    I have also submitted this post to our higher team support as a feature request ticket to have the feature added in the Form Designer. The new feature is to have option to easily add icons/images into the input fields.

    We will notify you for any update on the requested feature when available.

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