Can I set up the Configurable list widget as read only?

  • jotformedu
    Perguntado em 27 de maio de 2024 às 17:22

    Ola, gostaria de saber como deixo o widget lista configuravel como somente leitura

  • Alejandro Jotform Support
    Respondido em 27 de maio de 2024 às 17:54

    Hi jotformedu,

    Thanks for reaching out to Jotform Support. Our Portuguese Support agents are busy right now, so I'll try to help you in English using a translator, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Portuguese, let us know and we can have them do that. But, it might take a while until they're available again.

    About your question, there is no option to do this at the moment, but you can make this happen with certain columns of the configurable list widget using a customized CSS code and inserting it in the widget. Let me show you how:

    • On Form Builder, select the configurable list widget, and then click on the magic wand icon on the right side to open the widget settings.
    • Go to the Add CSS tab, and enter the following code:
    .col1 input {
      pointer-events: none;
    }
    .col2 input {
      pointer-events: none;
    }
    .col3 input {
      pointer-events: none;
    }
    .col4 input {
      pointer-events: none;
    }

    Can I set up the Configurable list widget as read only? Image 1 Screenshot 30

    Keep in mind, that this could work on columns of text or number entry, dropdowns, and date picker fields will still be active. On the CSS code we provided, you will see that it includes all four columns, but it won't work completely with every column. Here you can see the results:

    Can I set up the Configurable list widget as read only? Image 2 Screenshot 41

    Here I leave a link to the test form I have used, so you can clone it and see the settings on your end if you'd like. In case this is not precisely what you need, please give us a bit more information and a related screenshot.

    Give it a try and feel free to let us know if you need any more help.