Advanced Designer vs Form Builder: the design of the form does not look the same.

  • cedricbrusselmans
    Asked on December 1, 2017 at 10:23 AM
    when I select the advanced design builder, the form is not in the same look & feel as it was in the regular builder
  • David JotForm Support Manager
    Replied on December 1, 2017 at 10:30 AM

    Please specify what is the form where the look changes when viewing it in the Advanced Designer. We would appreciate if you could also share screenshots to illustrate what you mean: https://www.jotform.com/help/438-How-to-Post-Screenshots-to-Our-Support-Forum  

  • cedricbrusselmans
    Replied on December 2, 2017 at 9:06 AM

    Hello BDAVID,


    In the regular designer:

    1512223477Screenshot 2017 12 02 19 Screenshot 10


    In the advanced designer > the boxes, fonts, buttons, etc. are different!:

    1512223535Screenshot 2017 12 02 19 Screenshot 21




  • Elton Support Team Lead
    Replied on December 2, 2017 at 11:57 AM

    Thanks for reporting. I can see the huge difference between them. 

    However, when I check your custom CSS codes in the CSS tab, it does not have the CSS for the current style displayed in the form builder so I assume it was from a theme or old CSS that is not rendered in the advanced designer.

    You can inject this CSS codes in the advanced form designer to fix them

    .form-dropdown, .form-textbox, .form-textarea {

        width: 100% !important;

        max-width: 440px;

        border-radius : 6px;

        height : 40px;

        box-sizing:border-box;

    }

    [data-type="control_dropdown"] .form-input, 

    [data-type="control_dropdown"] .form-input-wide {

        width: 100% !important;

        max-width: 440px;

    }

    Hope this helps!