How to correct the width on birth date?

  • Profile Image
    britishdeafassociation
    Asked on February 05, 2015 at 01:33 PM

    Hi, see screen shot image below...

    ...as you can see the drop down menu for day, month and year are not in correct width. Day is too wide and the month is too narrow as doesn't show full "April" when selected.  Same for the year - only show "19" rather than "1970".

    How can I adjust the width with this birth date widget please?  I have tried searching for similar question on this forum with no luck.

    Let me know, thanks.

    Lyndon

  • Profile Image
    Kiran
    Answered on February 05, 2015 at 03:06 PM

    Hello Lyndon,

    Please inject the following CSS code to your JotForm by following the guide below : 

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Code

    #cid_18  {

    max-width: 250px !important;

    }

    #cid_18 .form-sub-label-container:first-child {

    width : 50px !important;

    }

    #cid_18 .form-sub-label-container:nth-child(2) {

    width : 100px;

    }

    #input_18_day {

    width: 50px;

    }

    #input_18_month {

    width: 100px;

    }

    #input_18_year {

    width: 70px;

    }

    By adding the code to your JotForm, the date should be displayed as shown in the image below :

    Let us know if you need any further assistance. Thanks!

  • Profile Image
    britishdeafassociation
    Answered on February 06, 2015 at 05:12 AM

    Hi Kiran,

    That's brilliant - why didn't I have though of this!! Thank you! I have injected and it is working nicely now!

    I would highly recommend people to use JotForm - great support team and great tools!

    Thanks again,

     

    Lyndon

  • Profile Image
    Kiran
    Answered on February 06, 2015 at 09:43 AM

    Anytime, Lyndon. We're glad that we could help you with this. We appreciate your feedback and we thank you for your recommendations. Please do not hesitate to get in touch with us if you need further assistance. We are always happy to assist you.

    Thank you for using JotForm!