CSS is affecting the Form Builder

  • eiermann
    Asked on August 11, 2018 at 5: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).



    Jotform Thread 1550618 Screenshot
  • Adrian
    Replied on August 11, 2018 at 9: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;

    CSS is affecting the Form Builder Image 10

  • daisy JotForm UI Developer
    Replied on September 3, 2019 at 4: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 Screenshot 10

    1567499603Screen Shot 2019 09 03 at 11 Screenshot 21

     

    Please let us know if the problem persists.