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

    Time fields on DateTime becomes smaller when you change textbox & textarea width on the form designer

    Asked by evehly on August 04, 2015 at 02:37 AM

    I am not able to see the numbers I input for 'hours' and 'minutes'.

    Page URL:
    http://form.jotform.me/form/52101433024436

  • Profile Image
    JotForm Support

    Answered by EltonCris on August 04, 2015 at 08:43 AM

    Inject this CSS codes to your form, this should correct the width on the time fields.

    [data-type="control_datetime"].allowTime span+span+span+span span + span {

        width: 12% !important;

    }

    [data-type="control_datetime"].allowTime span .form-sub-label-container:first-child {

        width: 4%;

    }

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

        margin-right: 2%;

    }

    [data-type="control_datetime"].allowTime span+span+span+span{

    display:block !important;

    }

     

    Result:

     

    To inject this CSS codes, simple paste it on the form designer under CSS tab.

    Hope this helps!

  • Profile Image
    JotForm Support

    Answered by EltonCris on August 04, 2015 at 09:01 AM

    By the way, I have also raised this to our developers after I replicated the problem.

  • Profile Image

    Answered by evehly on August 04, 2015 at 09:15 PM

    This is great, thank you Elton!

  • Profile Image
    JotForm Support

    Answered by EltonCris on August 04, 2015 at 10:20 PM

    You're welcome. Cheers! :)

  • Profile Image
    JotForm Support

    Answered by abajan on September 28, 2015 at 03:45 PM

    @evehly

    Please be advised that the glitch has been resolved by the developer to whom the ticket was assigned and it's no longer necessary to apply my colleague's workaround. In fact, in some instances the workaround may now conflict with the fix. However, upon testing a clone of your form after the problem was fixed, I was able to determine that leaving the workaround in place does no harm.


    Thanks