What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I enlarge the text box size in a Configurable List Widget?

    Asked by USTAPNW on February 19, 2016 at 08:21 PM

    How can I enlarge the text box size in a Configurable List Widget? My fields are: Name, Email address, cell phone number and then a drop down field. I am using text boxes for the first three fields. It would be great if I could actually change the text boxes within this widget to specific: Full Name, E-mail, and Phone as available in the Quick Tools.

    size configurable list list widget configurable
  • Profile Image

    Answered by johnsonjohn2016 on February 20, 2016 at 06:32 AM

    Hi,

     Yes, you can change the dimensions of the text box.

     Please follow the following steps:

    1.         Click on the “Configurable List” panel.

    2.         Click on “wizard”, you can see that on the top-right.

    3.         Select the “Custom CSS” tab.

    4.         Now add this code at the end “input[type="text"]{width: 100px;}”, you can enter the width of your choice in pixels. 

    5.         Click “Update Widget” to apply the changes to the form.

    Hope this will help.

     Thanks,

    John

  • Profile Image
    JotForm Support

    Answered by Mike_G on February 20, 2016 at 06:02 PM

    What @johnsonjohn2016 mentioned above is correct. You can adjust/style fields in a Configurable List widget through its Custom CSS tab. Also, the code @johnsonjohn2016 have provided is also correct, however, you may change the value of the with property depending on your preference.

    Everything that you may need to know about setting up your Configurable List widget you can find in this guide, How-to-Set-Up-the-Configurable-List-Widget

    Let us know if you need any further assistance. Thank you.