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

  • Profile Image
    SpeedThesis
    Asked on June 12, 2020 at 01:42 AM

    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.


  • Profile Image
    Sonnyfer
    Answered on June 12, 2020 at 05:23 AM

    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.

    1591953697samesds.png

    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 

  • Profile Image
    SpeedThesis
    Answered on June 15, 2020 at 06:20 AM

    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]

    1592216370Advanced Designer.jpg

    [Preview]

    1592216382Preview.jpg

  • Profile Image
    ashwin_d
    Answered on June 15, 2020 at 07:52 AM

    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. 

  • Profile Image
    SpeedThesis
    Answered on June 15, 2020 at 09:39 AM

    Hi ashwin_d,

    The custom CSS code you provided works very well!

    Many thanks for your great support. :)