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

  • Profile Image
    USTAPNW
    Asked 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.

  • Profile Image
    johnsonjohn2016
    Answered 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
    Mike_G
    Answered 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.