Is there a way to hide a portion of the configurable List?

  • Rich Cicconetti
    Asked on February 23, 2023 at 3:10 AM

    Is there a way to hide a portion of the configurable List? I.e. Office Use Only - (this will be used to annotate in Tables.
    Calendar : dateInput : yyyy-mm-dd
    Office Use ONLY : dropdown : Approved, Denied : Please Select

  • Ravi JotForm Support
    Replied on February 23, 2023 at 3:40 AM

    Hello Rich,

    Thanks for reaching out to Jotform Support. Yes sure, it is possible to hide the element of the configurable list. It can be achieved with the help of CSS code. Below code can be used to hide the column :

    .configurable-list-field-wrapper.col2.dropdown-field-selector {
      visibility: hidden;
    }

    Please note that the column number will get changed based on the configurable list. e.g. if you want to hide the first column it should be like below code :

    .configurable-list-field-wrapper.col1.dropdown-field-selector {
      visibility: hidden;
    }

    Same goes with the other column. Also the above code should be added in the custom CSS section of the configurable list. Let me show you how to do that:

    • Select the Configurable list widget.
    • Click on the Widget Settings option, which appears on the right side of the widget.
    • Go to Custom CSS Tab, Add the above CSS code in the Code box.
    • Click on the Update widget button at the bottom to save the changes in the widget.

    1677141576 63f72648bb20a  Screenshot 10

    However, please note that if you want to update value of hidden field it can only be done from the Form table. I have created a demo form for you. Here is the link to the demo form. If needed you can clone my form to check the CSS code and it's placement. We also have a guide on How to Clone an Existing Form From a URL that you can check out.

    Reach out again if you need any other help.