configurable list widget.textbox size

  • stageit
    Asked on November 23, 2015 at 9:31 AM

    Hello,

     

    I know I have asked this question before, but this time it is for the configurable list widget.

    The CSS code that was answered in the first question, does not solve my problem like it did in the question before.

     

    Can somebody provide me with an answer to make the textboxes smaller, so that it will match the text on the label that is above it?

     

    (link to the first question:) http://www.jotform.com/answers/708640-Matrix-field-textbox-size#2

     

    Thanks in advance,

     

    Owen

    Jotform Thread 710092 Screenshot
  • BJoanna
    Replied on November 23, 2015 at 11:23 AM

    Thank you for contacting us. 

    You can change the width of number fields inside of Configurable list by Injecting Custom CSS. Inside of Configurable list Custom CSS, add this code:

    .stepper-wrap input.stepper {

        text-align: left;

        width: 25px!important;

    }

    configurable list widget Screenshot 30

    After adding this code your form will look like this. 

    configurable list widget Screenshot 41

    Here is my demo form: https://form.jotform.com/53264040009949? Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.

     

  • stageit
    Replied on November 24, 2015 at 5:57 AM

    I love you guys, you know that right?

     

    Thanks again!

     

    Owen

  • mert JotForm UI Developer
    Replied on November 24, 2015 at 9:21 AM

    Hi Owen,

    On behalf of my colleague Bojana, you are kindly welcome and thank you for your motivating words.

    For further assistance, you can always reach us on Support Forum.

     

    Have a great day.