What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Date Picker display problem when hidden using Condtion Logic

    Asked by simplygod on November 19, 2014 at 08:32 PM

    Hi,

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

    The form is here: http://form.jotform.co/form/42590717775869

    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.

    Thanks

    Page URL:
    http://form.jotform.co/form/42590717775869

    Screenshot
    hidden date picker date widget element-style
  • Profile Image
    JotForm Support

    Answered by jonathan on November 19, 2014 at 10:21 PM

    Hi,

    I checked your jotform http://www.jotform.co/form/42590717775869

    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

    .bfh-datepicker{

    width : 100% !important;

    }

    User guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    It works when I made a test using my test jotform http://form.jotform.me/form/43228782121451?

     

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

    Thanks.

     

     

     

     

  • Profile Image

    Answered by simplygod on November 20, 2014 at 12:01 AM

    Hi,

    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?

    https://secure.jotform.co/form/42590717775869

    Thanks

    Ian

  • Profile Image
    JotForm Support

    Answered by ashwin_d 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
    JotForm Support

    Answered by TitusN on December 23, 2014 at 12:49 AM

    Hello, 

    The issue is not fixed - The date picker should display its full width when hidden/shown using conditional logic from a from -  please check http://form.jotformpro.com/form/43521185333954

    If you encounter any issues, please let us know. 

    Cheers!