Change size of a Date Picker

  • logley
    Asked on January 10, 2022 at 10:39 AM

    I'm trying to change the width of a date picker. I've added what I think is the required CSS, and the form look correct in design view, but when I preview the form, it looks different and incorrect


    The code I've added is

    #label_21 {

     width: 700px !important;

    }

    #lite_mode_21 {

     width: 75px !important;

    }

    Jotform Thread 3654276 Screenshot
  • Lars JotForm Support
    Replied on January 10, 2022 at 11:51 AM

    Hello,

    After some testing, it doesn't seem like the field wants to change size without changing the parent tag. In this case it's #cid_21.

    The form it self is about 700 pixels wide, so with the width of the label set to 700px, it pushes the field down.

    #label_21 {
      width: 460px !important;
    }
    #cid_21 {
      width: 170px !important;
    }


    This is how it looks when I test it in my own form:

    1641833195 61dc62eb346e3  Screenshot 10

    Is this what you were looking for, or is there something else that should be changed still?

    Best regards,
    Lars