Test area and text box alignment?

  • Profile Image
    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.jpg

  • Profile Image
    ashwin_d
    Answered on January 21, 2019 at 04: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.png

    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.

  • Profile Image
    ESFA
    Answered on January 21, 2019 at 04: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.

  • Profile Image
    BDAVID
    Answered on January 21, 2019 at 06: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.png

  • Profile Image
    ESFA
    Answered on January 21, 2019 at 06:59 PM

     Many thanks.  Works well !!