The time in DateTime field get shrink in mobile devices

  • ayadov77
    Asked on September 25, 2015 at 2:16 PM

    the problem with the default DateTime field is when it used for mobile, it gets messy, the time fields shrink and numbers can't be seen. 

     

    Thanks any way

  • Welvin Support Team Lead
    Replied on September 25, 2015 at 2:38 PM

    Please let us know the form URL with the default DateTime in it so we can check it and give you the responsive CSS codes to fix the display issue.

    Thanks

  • ayadov77
    Replied on September 25, 2015 at 2:58 PM

    Hi Melvin, Thanks for your help, 

     

    here is the form iam trying to make, I managed to solve the size of the time field but still the position is not correct. can you help please?

     

    http://form.jotformpro.com/form/52655871978979?

  • Welvin Support Team Lead
    Replied on September 25, 2015 at 3:24 PM

    I'm fixing it for you. Please don't edit the form in the form builder until I say so.

    Thanks

  • ayadov77
    Replied on September 25, 2015 at 3:25 PM

    OK THANKS

  • Welvin Support Team Lead
    Replied on September 25, 2015 at 3:33 PM

    Kindly check now. I have added the following custom CSS codes to your form:

    @media only screen and (max-device-width: 550px) {

    [data-type="control_datetime"] .form-sub-label-container {

    width: 28%;

    }

    }

    Thanks

  • ayadov77
    Replied on September 25, 2015 at 3:43 PM

    Thank you so much, you just saved me lots of time.

     

    have a good time.

    Ayad

  • David JotForm Support
    Replied on September 25, 2015 at 3:56 PM

    On behalf of my colleague you are most welcome!  If there is anything else we can assist you with, let us know and we will be happy to help.