How do I reference a text field in that configurable list to resize?

  • Deomid Rapoport
    Asked on April 12, 2025 at 8:20 PM
    How do I reference a text field in that configurable list to resize?
  • Roi JotForm Support
    Replied on April 12, 2025 at 8:39 PM

    Hi Deomid,

    Just to confirm what you’re aiming to achieve: You want to select a specific text field within the Configurable List widget, correct? Do you have a particular field in mind that you’d like to resize?

    Once we hear back from you, we'll be able to help you with this.

  • DemoRap
    Replied on April 15, 2025 at 1:05 PM
    The 6th field which is type text


    On 4/12/25 8:39 PM, Jotform wrote:












    ...
  • Roi JotForm Support
    Replied on April 15, 2025 at 1:08 PM

    Hi Deomid.

    I understand the issue, but I’ll need a bit of time to work out a solution. I’ll get back to you shortly.

    Thanks for your patience.

  • Roi JotForm Support
    Replied on April 15, 2025 at 2:08 PM

    Hi Deomid,

    Here’s a flexible CSS code that you can use to adjust and resize the text field on the configurable list widget:

    To inject the CSS Code in your widget, It's easy to do. Let me walk you through it:

    1. Open your form in Form Builder, click the wand icon of your Configurable List Widget to open the Widget Settings panel.
    2. Go to the Custom CSS tab.
    3. Paste the CSS Code into the textarea.
    4. Click the Update button to save the changes.
    .textarea-field-selector{
        min-width: 100%;
        max-width: unset;
    }

    Results :

    How do I reference a text field in that configurable list to resize?
Image-1 Give it a try and let us know if you need any other help.

Your Answer