How to I remove the the add row button from the configurable list widget using CSS?

  • Kerry Atkin
    Asked on February 23, 2023 at 2:48 AM

    Hi, how to I remove the "add row" button from the widget configured list?
    Thanks

    Page URL: https://www.jotform.com/help/282-how-to-set-up-the-configurable-list-widget/
  • Bryan JotForm Support
    Replied on February 23, 2023 at 2:57 AM

    Hi Kerry,

    Thanks for reaching out to us for help. You can remove the Add Row button from the Configurable List widget by Injecting a CSS Code easily. Let me walk you through it:

    1. In Form Builder, click on the Configurable List widget.
    2. Click on the Wand icon on the right side of the widget.
    3. In the menu that opens on the right side of your screen, click on Custom CSS on the top-right side of the menu.
    4. Paste the CSS Code below into the box.

    #listContainer .add {
    
display: none;
    
}

    5. Click on Update Widget.

    1677138971 63f71c1b8318a Screenshot 10

    Give it a try and let us know if you need any other help.