Change width of Birth Date widget.

  • Benflips
    Asked on July 12, 2016 at 6:52 AM

    Hi.

    I used your birthdate widget on Page 3 of my form.

    I changed the format to d/m/y, but the field widths (white-space) remained as though the months were still in the first column...so, even though the subtext says, day, and the dropdown is filled with days, the white-space for the day field is still wide enough for months.

    Can you please switch this around...

    Page URL: https://www.jotform.com//?formID=43420990799871
  • Support_Management Jotform Support
    Replied on July 12, 2016 at 8:09 AM

    I noticed what you're describing on your form and saw it like this:

    Change width of Birth Date widget Screenshot 20

    To fix this, try injecting these CSS codes [GUIDE: How-to-Inject-Custom-CSS-Codes]

    [data-type="control_birthdate"] .form-sub-label-container:first-child {

        width: 24%;

    }

     

    [data-type="control_birthdate"] .form-sub-label-container:nth-child(2) {

        width: 40%;

    }

     

    [data-type="control_birthdate"] .form-sub-label-container:last-child {

        width: 30%;

    }

  • Benflips
    Replied on July 12, 2016 at 7:45 PM
    Done thank you
    *Regards,*
    *Dr. Ben Phillips*
    Chiropractor
    B.App.Sc.(Comp.Med.)(Chiro) M.Clin.Chiro.(RMIT)
    ...