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

  • Profile Image
    cedricbrusselmans
    Asked on December 01, 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
  • Profile Image
    BDAVID
    Answered on December 01, 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  

  • Profile Image
    cedricbrusselmans
    Answered on December 02, 2017 at 09:06 AM

    Hello BDAVID,


    In the regular designer:

    1512223477Screenshot 2017-12-02 19.31.25


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

    1512223535Screenshot 2017-12-02 19.32.30




  • Profile Image
    EltonCris
    Answered on December 02, 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!