Date field in the form is too small and cannot be read

  • rtolmach
    Asked on January 1, 2018 at 5:15 PM

    Hi

    Here is a new form we just created. A few things do not look right.

    Desired start date and Desired end date

    date field is smaller than it needs to be, so cannot be read.


    1514844518appearance 1 Screenshot 10


    Label ("in what country. . .") extends beyond the form:

    1514844568appearance 2 Screenshot 21


    Long text field ("Use this field. . .") extends off the form on the right, and the label goes over the right edge

    1514844624appearance 3 Screenshot 32


    Please upload button is way oversize, and label beneath it wraps instead of fitting on one line.

    1514844798appearance 5 Screenshot 43


    Label "Subscribe to our. . ." gets too close to the right edge of the form:

    1514844737appearance 4 Screenshot 54


    Finally, the highlighted question has a yellow background. How do I change yellow to white, as we have on this other form? 

                https://form.jotform.com/73577684784174


    Thanks! Jotform support is awesome!

  • jonathan
    Replied on January 1, 2018 at 6:50 PM

    I was able to see the issue when I test your form.

    1514850602zzz 2018 01 02 07 Screenshot 10

    Allow us some more time to identify a fix. I'll be back shortly.



  • jonathan
    Replied on January 1, 2018 at 7:48 PM

    Please add the following CSS codes on your form.


     .form-textarea-limit > span > div {

        width : 335px !important;

    }

    .nicEdit-panelContain {

        width : 335px !important;

    }

    .nicEdit-main {

        width: 335px !important;

    }

    .form-line-active {

    background-color:#ffffff !important;

     #lite_mode_32,#lite_mode_33{

    width : 85px !important;

    }

    #input_32_pick,#input_33_pick{

      margin-left: 40px !important;

    }



    1514853858zzz 2018 01 02 08 Screenshot 10


    Adjust also the Line Layout horizontal margin using the Advance Designer. Set the value to 6 or as needed.

    1514854056zzz 2018 01 02 08 Screenshot 21


    You can check my test form https://form.jotform.com/80007649405959 with all the fix.

    Let me know if this did not work.