Calendar Popup on Click is not Showing

  • sterlingbrowngroup
    Asked on March 28, 2016 at 5:54 AM

    This is something strange.  The calendar widget was showing and now it does not.  This is on the desktop and on the mobile.

    Pressing the image of the calendar does nothing.

     

    Page URL: https://form.jotformeu.com/sterlingbrowngroup/gasengineer
  • mert JotForm UI Developer
    Replied on March 28, 2016 at 7:29 AM

    Hi there,

    Please, delete all of the "overflow" (red marked areas on the below) rules on your custom CSS, then you will see the calendar popup will work.

     

    html {

    height : 100%;

    overflow : hidden;

    }body {

    height : 100%;

    margin : 0;

    overflow : scroll;

    -webkit-overflow-scrolling : touch;

    background-image : url(https://www.jotform.com/uploads/sterlingbrowngroup/form_files/Picture1.png);

    background-size : cover;

    background-attachment : fixed;

    background-repeat : no-repeat;

    background-position : center center;

    }

     

    Please, check the guide if you don't know how to reach "Inject Custom CSS" tab. After those changes, please do let us know the results.

     

    Regards.

  • sterlingbrowngroup
    Replied on March 28, 2016 at 7:35 AM

    I was given the above hack to enable the background to show on iPhones, by taking out the overflow as mentioned above means that the images do not show correctly.

    Is there a way of the user just entering the date rather than having a popup calendar?

  • mert JotForm UI Developer
    Replied on March 28, 2016 at 7:51 AM

    Yes, you can disable the calendar popup on click and let the user enter the value manually on "DateTime" field. Please, see the steps from the below:

    Calendar Popup on Click is not Showing Image 1 Screenshot 20

     

    For further assistance, please do let us know.

    Regards.

  • sterlingbrowngroup
    Replied on March 28, 2016 at 8:01 AM

    Ok thanks

    Is there any way of removing the actual image of the calendar which still shows?

  • mert JotForm UI Developer
    Replied on March 28, 2016 at 8:08 AM

    If you are mentioning the image right next to the calendar fields (you can see it from the below), yes there is a way to make it invisible by using the CSS rules.

    Calendar Popup on Click is not Showing Image 1 Screenshot 20

     

    Please, apply the following CSS code to your form:

     

    img#input_66_pick {

        display: none;

    }

     

    Please, don't forget to let us know.

    Thanks.

  • sterlingbrowngroup
    Replied on March 28, 2016 at 8:11 AM

    That worked great thanks.

  • Ashwin JotForm Support
    Replied on March 28, 2016 at 8:52 AM

    Hello sterlingbrowngroup,

    On behalf of my colleague, you are welcome.

    I am glad to know that your issue is resolved.

    Do get back to us if you have any questions.

    Thank you!

  • sterlingbrowngroup
    Replied on March 29, 2016 at 3:31 AM

    On Iphone 6S Plus the form scrolls perfectly and no movement side to side.  

    On iPhone 5S the form moves from side to side.

     

    Is there a fix for this? 

  • beril JotForm UI Developer
    Replied on March 29, 2016 at 4:46 AM

    It seems you have a different question so I've created a separate thread for your new question so anyone in the support staff will be able to assist you with your specific requirement. Please follow up there:

    https://www.jotform.com/answers/804816

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.