Is there any way to to get the calendar icon of the Date Picker field inside of the textbox?

  • Profile Image
    Aji_Joey
    Asked on April 19, 2019 at 06:04 PM
    Is there any way to to get the calendar icon inside of the text box like on the jotform website1555706431Screen Shot 2019-04-19 at 4.39
  • Profile Image
    BDAVID
    Answered on April 19, 2019 at 06:22 PM

    It can be done with custom CSS code, example: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    #input_5_pick {

        margin-left: -22px !important;

    }

    1555712211_calendar.png

    Let us know on which form you want the calendar icon to be inside the box of the Date Picker field, so we can provide you the CSS code that would work for it.

  • Profile Image
    Aji_Joey
    Answered on April 19, 2019 at 06:34 PM

    It is in this form. Thank you! 

    https://form.jotform.com/91045892836163 

  • Profile Image
    jonathan
    Answered on April 19, 2019 at 08:02 PM

    Please try this CSS codes

    #input_27_pick {

        margin-left: -75px !important;

        margin-top: -105px !important;

    }

    The output should be like this.

    1555718450zzz 2019-04-20 08.00.25.png


    1555718526zzz 2019-04-20 08.00.03.png