How do I space out the column names on the Infinite List widget

  • Cynthia_Whittenburg
    Asked on September 3, 2024 at 5:50 PM

    How do I space out the column names on the infinity widget so that all of them can be seen?

    Jotform Thread 18625101 Screenshot
  • Lorenz JotForm Support
    Replied on September 3, 2024 at 9:48 PM

    Hi Cynthia,

    Thanks for reaching out to Jotform Support. I checked your form 242457388236162, and it looks like you've replace the widget with normal fields instead. Can you confirm if you still need any assistance with this? If so, then we can actually use Custom CSS code to tighten the space, or increase their width, so all the fields are shown. You can add the widget back, set up the fields, and tell us once you've done it, so we can work on the code.

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

  • Cynthia_Whittenburg
    Replied on September 4, 2024 at 9:14 AM

    Hi Lorenz,

    It's still there on the form. I would appreciate any assistance with the custom CSS to rectify the situation.

    Rick

  • Vincenzo JotForm Support
    Replied on September 4, 2024 at 9:55 AM

    Hi Rick,

    Since the Infinite List widget is using an iframe code, it cannot be adjusted with CSS. But you can space each field of the Infinite List easily, let me show you how:

    1. In Form Builder, click on your Infinite List widget, then click on the Gear icon on its right side.
    2. Set the Label Align to Right, then to Top again.
    3. Next, set the Width to 650.
      How do I space out the column names on the Infinite List widget Image 1 Screenshot 30
    4. Now, click on the Magic wand icon on the right side of the widget.
    5. Add the text provided below under the Column Names:
    Name of Event{120}, Date{60}, Type of Event{100}, Previous Verification Code/Unique Identifier{170}, Location{90}


    Result:

    How do I space out the column names on the Infinite List widget Image 2 Screenshot 41

    Give it a try and reach out again if you have any other questions.

Your Answer