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

  • Aji_Joey
    Asked on April 19, 2019 at 6: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 Screenshot 10
  • David JotForm Support Manager
    Replied on April 19, 2019 at 6: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 Screenshot 10

    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.

  • Aji_Joey
    Replied on April 19, 2019 at 6:34 PM

    It is in this form. Thank you! 

    https://form.jotform.com/91045892836163 

  • jonathan
    Replied on April 19, 2019 at 8: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 Screenshot 10


    1555718526zzz 2019 04 20 08 Screenshot 21