Date field layout

  • jaiswal78
    Asked on October 7, 2015 at 5:01 AM

    Hi, in my form, individual elements of the date field ie date, month and year are shown in the full width of the screen and so occupying 3 lines. Earlier it was been shown in one line, but a step to alter the design made this happen. Can you please help on this to shown it in one line (default way). 

    Date field layout Image 1 Screenshot 20

  • Jan
    Replied on October 7, 2015 at 10:02 AM

    In order to fix that, please add or inject this custom CSS code.

    #cid_32 .form-sub-label-container {

    width: 117px !important;

    }

    Here's a guide on how to inject custom CSS in the form. Hope that works for you. Thank you.

  • Sammy
    Replied on October 8, 2015 at 4:28 AM

    I have checked your form (Service Request Form) and the date fields display in the same line on my end.

    Date field layout Image 1 Screenshot 30

    Kindly check your form width and adjust it to see if this resolves the issue on your end.

    Date field layout Image 2 Screenshot 41

    If the issue is on a different form could you kindly let us know by providing a link.

  • jaiswal78
    Replied on October 8, 2015 at 8:40 AM

    Hi,

    Thanks for your answer, I received a response and had injected some codes in the CSS. after that this issue was resolved. Thanks and you can close this thread.

  • Sammy
    Replied on October 8, 2015 at 9:49 AM

    I'm glad to hear that you managed to resolve the issue, if you do need any more assistance feel free to ope a new thread.