How can I change the textbox size in a Configurable List widget

  • Profile Image
    crickettts
    Asked on March 12, 2018 at 09:51 PM
  • Profile Image
    onurc
    Answered on March 13, 2018 at 02:12 AM

    Hi,

    You can easily change the field size manually as well, just open the Designer and Paste this CSS code, you can change the 40% value with your preferred value : 

    #input_5_area{

        width:50%;

    }

    You can also see the Field's ID by following this guide : http://www.jotform.com/help/146-How-to-find-Field-IDs-Names 

    Hope this will help you.

    If you have any question or comment, please let us know.

    Kind regards!

  • Profile Image
    crickettts
    Answered on March 13, 2018 at 10:26 AM

    Hi,

    I forgot to mention that the text box is from the widget "Configurable List" - the recommended code is not working.

  • Profile Image
    Mike_G
    Answered on March 13, 2018 at 12:19 PM

    Thank you for the clarification. If that is the case, then you can try injecting the CSS codes below to the Custom CSS tab of the Configurable List widget.

    How-to-Inject-CSS-Codes-to-Widgets

    input[type="text"] {

        width: 150px !important;

    }

    You can change the value of the "width" property to your preference.

    I hope this helps. If you have other questions or concerns, please do not hesitate to ask us anytime.

  • Profile Image
    crickettts
    Answered on March 13, 2018 at 04:17 PM

    Okay great! That worked. 

    I also would like to changed the color of the label of the textbox on the Configurable List Widget.

  • Profile Image
    Jim_R
    Answered on March 13, 2018 at 05:28 PM

    I can see you already these CSS codes to your widget and figured this one out:

    label {

        color: white;

    }

    The textbox label of your Configurable List Widget is white. In case we're mistaken, just let us know so we can help.