Configurable List Widget 'Remove' button is gone after custom CSS code injection

  • Profile Image
    belgllc
    Asked on August 12, 2015 at 02:47 PM

    Hello,

    You all have helped me reconfigure my list using the Configurable List widget but now my "Remove" button is gone. How do I get it back?

  • Profile Image
    belgllc
    Answered on August 12, 2015 at 03:07 PM

    The link to my form is: https://secure.jotformeu.com/form/52143877989373

  • Profile Image
    jonathan
    Answered on August 12, 2015 at 07:33 PM

    I was able to see the problem when I checked your jotform http://www.jotformeu.com/form/52143877989373

     

    It was being caused by the injected custom CSS code to the Configurable List widget that re-positioned the xRemove button so it is not seen on the form properly.

    Please allow me some time to check on the CSS code and correct the problem.

     

  • Profile Image
    belgllc
    Answered on August 13, 2015 at 04:50 PM

    Any updates?

  • Profile Image
    EltonCris
    Answered on August 13, 2015 at 11:57 PM

    Add this CSS codes on the config list widget. This should reveal the remove button. I have also added minor fixes since some of the fields are not clickable, overridden by other elements.

    button.add {

        position: relative;

        z-index: 99;

    }

    button.remove {

        position: relative;

        z-index: 9;

        left: -1016px;

        bottom: -194px;

    }

    tr+tr+tr input {

        position: relative;

        z-index: 1;

    }

    Result:

    Hope this helps!

  • Profile Image
    belgllc
    Answered on August 14, 2015 at 05:28 AM

    Yes, Thank you!

  • Profile Image
    Chriistian
    Answered on August 14, 2015 at 09:17 AM

    Hi,

     

    On behalf of my colleague, you are welcome. If you have further questions, please fee free to contact us again.


    Regards.