Date Picker display problem when hidden using Condtion Logic

  • Profile Image
    Asked on November 19, 2014 at 08:32 PM


    I have set a condition so that the date picker is hidden until the user selects an option (radio button). 

    The form is here:

    If you click "Yes" for "If over 18, do you have a Blue Card?" an input field and the date picker field appear. As you can see, the date picker does not display the full field (see attached pic).

    Any help on this would be appreciated.


  • Profile Image
    Answered on November 19, 2014 at 10:21 PM


    I checked your jotform

    and I was able to see the problem.


    It seems this is new bug in the Date Picker Widget when used with Conditional Statement Show/Hide.

    To fix the issue, try adding this CSS codes into your jotform


    width : 100% !important;


    User guide:

    It works when I made a test using my test jotform


    Hope this help. Inform us if there are still issue.






  • Profile Image
    Answered on November 20, 2014 at 12:01 AM


    Thanks. But unfortunately this CSS does not fix the problem. I have inserted it into my form, but the date picker is still compressed.

    Any ideas why it hasn't worked?



  • Profile Image
    Answered on November 20, 2014 at 07:13 AM

    Hello Ian,

    Upon checking, I found that the custom css for the date picker widget will not work.

    My colleague have already reported this issue to our back end team. Upon checking the bug report, I found that one of our developer is already looking into this issue. We will get back to you as soon as this issue is fixed.

    Thank you!


  • Profile Image
    Answered on December 23, 2014 at 12:49 AM


    The issue is not fixed - The date picker should display its full width when hidden/shown using conditional logic from a from -  please check

    If you encounter any issues, please let us know.