CSS is affecting the Form Builder

  • Profile Image
    eiermann
    Asked on August 11, 2018 at 05:14 AM

    Hi there,

    it seems that the CSS of my form is interfering with larger fields. I cannot see all the options (see screenshot).



  • Profile Image
    Adrian
    Answered on August 11, 2018 at 09:52 AM

    I have checked your form and I was able to replicate the issue.

    The Custom CSS should in no way affect the Form Builder.

    Let me escalate this issue to our developers and we will let you know when this gets fixed.

    In the meanwhile, you can edit the CSS for that field (so that all of the options are shown) by right-clicking in the field and adding the following CSS in the browser.

    height: 100% !important;

    1533995537321.png

  • Profile Image
    daisy
    Answered on September 03, 2019 at 04:36 AM

    Hi,

    The imported CSS affects the selection area of the Condition section.

    select, select [style] {

    height: 1.7rem !important;

    }

     

    Please remove the "height: 1.7rem !important" declaration from the select property and write new CSS code by using class names:

    .form-dropdown {

    height: 1.7rem !important;

    }

     

    1567499592Screen Shot 2019-09-03 at 11.2

    1567499603Screen Shot 2019-09-03 at 11.2

     

    Please let us know if the problem persists.