How to get the same format as created in Advanced Designer?

Hi,

I've formatted my form using Advanced Designer but it isn't displayed on Preview.

I've also found that many users have faced the same problems and there're no proper solutions to solve this problem yet.

Looking forward to your advice.

Thanks.

Hi there - I believe this is the form in question - https://www.jotform.com/201623530412036 

I have compared the Advanced Designer vs form preview side by side and they look pretty much the same.

Are you perhaps referring to a different form? If so, kindly provide us its name/URL so we can check. We'd also appreciate it if you could send us screenshots to better illustrate the issue.

Guide: How-to-Post-Screenshots-to-Our-Support-Forum 

Hi,

Thanks so much for your kind support.

I've tried to adjust the design using the Advanced Designer again but the results are still the same. Please find the screenshots of the issue.

Your further advice is always welcome!  :)

[Advanced Designer]

[Preview]

Is the issue related to the rounded corner of text box fields?

I would suggest you to please inject the following custom CSS code in your form and see if that gives you desired result:

.form-textbox {

    border: 1px solid #CCC !important;

    -webkit-border-radius: 1px !important;

    -moz-border-radius: 1px !important;

    border-radius: 7px !important;

}

The following guide should help you how to inject custom CSS code in form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

Hope this helps.

Do get back to us if you have any questions. 

Hi ashwin_d,

The custom CSS code you provided works very well!

Many thanks for your great support. :)