Fields in the form builder is big but it is smaller when open the actual form

  • stageit
    Asked on December 10, 2015 at 5:15 AM

     

    Hello,

    Whenever I try to test my forum it suddenly becomes small.

     

    Thanks in advance,

     

    Owen

     

    Fields in the form builder is big but it is smaller when open the actual form Image 1 Screenshot 30Fields in the form builder is big but it is smaller when open the actual form Image 2 Screenshot 41

     

  • Jan
    Replied on December 10, 2015 at 9:04 AM

    Let me verify that the first screenshot is the direct form while the 2nd is the form builder, am I correct?

    I cloned your form and checked it from different browsers and they look the same. The drop down and text tboxes are showing up properly. May I know what browser are you using?

    Also, is this form embedded on a webpage? Can you please share the URL?

    It is possible that the browser is zoomed out, which is why the first is one is smaller.

    Please try to enable the responsive option of the form. Please refer to this guide: How to make Forms Mobile Responsive

  • stageit
    Replied on December 10, 2015 at 9:14 AM

    Hello,

     

    Yes, you are correct. And the browser that i'm using is Chrome, and I tested it in firefox and it works in there. The browser was not zoomed out. I tried the responsive form option but it did not work.

     

    Here is the link to my form: https://form.jotformeu.com/53403812515347

     

    Thanks in advance,

     

    Owen

  • beril JotForm UI Developer
    Replied on December 10, 2015 at 10:58 AM

    I've checked your form on Safari, Chrome and FireFox.

    I am not able to reproduced same issue that you are having. Both forms are same on my end.

     

    Here is what I see:

    Fields in the form builder is big but it is smaller when open the actual form Image 1 Screenshot 30

     

    My colleague @Mert was suggested to add the CSS code below which works properly.

    .form-all{

    font-weight:bolder;

    font-size:24px !important;

    }

     

    Can you add the CSS code from designer?

    Fields in the form builder is big but it is smaller when open the actual form Image 2 Screenshot 41

    I hope it helps.

    If you require any further information, feel free to contact us. We will be happy to assist you.

     

  • stageit
    Replied on December 11, 2015 at 2:23 AM

    Hi Beril,

    I tried the CSS code in the designer like you told me to, and it changed instantly.

     

    Thank you!

     

    -Owen

  • beril JotForm UI Developer
    Replied on December 11, 2015 at 3:59 AM

    You're welcome. It is nice to hear that the problem is resolved for you.

    If you require any further assistance, please let us know. We will be happy to assist you.