How can straighten the drop-down menus on time fields to a single horizontal line?

  • bajafiya
    Asked on June 16, 2015 at 6:48 AM

    The time drop down menu on my time fields are bit scattered, and I want them to aligned on a single horizontal line, how do i do that?

  • ibrahim JotForm UI Developer
    Replied on June 16, 2015 at 7:08 AM

    Hi,

    You can inject CSS code to horizantal alignment. Here's sample code: 

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

      width: 50px;

    }

    [data-type="control_time"] .form-input {

    min-width: 400px;

    }

     

  • bajafiya
    Replied on June 16, 2015 at 7:40 AM

    WOW!

    That worked like a charm! Thanks Alot!

    However, The "Request Date & Time" field is still a bit...Scattered, for lack of a better word. Is there anything else I can do to make the "minutes" drop down menu come  up to the same line as the date and hour boxes?

    Kind regards

    Ps. I think you guys are amazing, jotforms is awesome! 

  • Boris
    Replied on June 16, 2015 at 10:09 AM

    Thank you for your kind words, our entire team appreciates it. :) On behalf of our colleague, Ibrahim, you are kindly welcome.

    To fix the minutes field as well, please try adding the following custom CSS:

    #cid_7 span:not([class]) {
        display: block !important;
    }

    It would make your form display like this:

    How can straighten the  drop down menus on time fields to  a single horizontal line? Image 1 Screenshot 20

    Please let us know if you need further assistance.