Test area and text box alignment?

  • ESFA
    Asked on January 20, 2019 at 10:56 PM

    Hi,

    Sorry for asking two questions about the same form but I can't find any question on the forum that helps me out.

    I have one text area and three text boxes/number fields that I would like aligned next to each other.

    The form is https://form.jotform.co/90196359789881

    The current and preferred design is below.

    I am hoping you can help me.

    Thanks,

    1548042992TextArea1 Screenshot 10

  • Ashwin JotForm Support
    Replied on January 21, 2019 at 4:54 AM

    I did check your form  and found that you have managed to display all the 3 fields next to each other. Please check the screenshot below:

    1548064166fieldALign Screenshot 10

    Do you mean to say that the 3rd field you want to display below the first two textbox field? It seems you have conditionally hidden the field. I did review the conditions you have added but there are several insert condition. Can you please let us know how to display this field in form? 

    We will wait for your response.

  • ESFA
    Replied on January 21, 2019 at 4:31 PM

    Hi Ashwin,

    The third field is only displayed if the user attempts to enter a 'part mark' - for example "1.5" instead of a whole number either "1" or "2".

    I would like all three boxes to be displayed if needed vertically (refer the green box in my screen shot above) as I want to use nearly the full width of the form for the text area.

    Thanks.

  • David JotForm Support Manager
    Replied on January 21, 2019 at 6:00 PM

    Unfortunately, that is not possible through the builder, but we can try to adjust it through CSS injection, try this code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    #id_32,#id_39{

        padding-right: 15% !important;

    }

    Result:

    1548111625result 002 Screenshot 10

  • ESFA
    Replied on January 21, 2019 at 6:59 PM

     Many thanks.  Works well !!