How to change width of the time field?

  • kvhkommune
    Asked on June 19, 2017 at 7:39 AM

    I have a form I would like to look good on my Samsung Galaxy S8

    But the time field always get to big. I cant reduce the field. Can you help me


    A test is here:

    https://form.jotformeu.com/71693359437367

     

     

  • amy
    Replied on June 19, 2017 at 10:55 AM

    Hi,

    Please inject the CSS code which I have shared with you below to your form:

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

      width: auto !important;

    }

    Here is the result:

    How to change width of the time field? Image 1 Screenshot 20

    How to Inject Custom CSS Codes

    If you need further assistance, please let us know.

    Thank you.

    Kindest Regards.

  • kvhkommune
    Replied on June 19, 2017 at 7:15 PM

    Thanks for fast reply

    I still have the same problem

    On my Galaxy S8+ it will not fit on one line.

     

    This is how it looks:

    How to change width of the time field? Image 1 Screenshot 20

  • Chriistian Jotform Support
    Replied on June 19, 2017 at 11:20 PM

    I checked your form (https://form.jotformeu.com/71693359437367) and I noticed that you haven't yet applied the custom CSS code that my colleague has suggested.

    How to change width of the time field? Image 1 Screenshot 30

     

    Please add this on your Form. Here's the guide on How to Inject Custom CSS Codes. After that, here it should appear on a mobile device:

    How to change width of the time field? Image 2 Screenshot 41

    Please let us know if you need more help.
    Regards.

  • kvhkommune
    Replied on June 20, 2017 at 4:20 AM

    Thanx :)
    My mistake :)

    No it looks much better (y)