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

  • Profile Image
    rtolmach
    Asked on January 01, 2018 at 05: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.JPG


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

    1514844568appearance 2.JPG


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

    1514844624appearance 3.JPG


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

    1514844798appearance 5.JPG


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

    1514844737appearance 4.JPG


    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!

  • Profile Image
    jonathan
    Answered on January 01, 2018 at 06:50 PM

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

    1514850602zzz 2018-01-02 07.48.38.png

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



  • Profile Image
    jonathan
    Answered on January 01, 2018 at 07: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.32.27.png


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

    1514854056zzz 2018-01-02 08.33.35.png


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

    Let me know if this did not work.