how change the cell width of numeric text box type using css?

  • Profile Image
    swapna_summit
    Asked on July 02, 2014 at 05:18 AM

    I need to change the cell width to small width so i inject the css code 

    .form-matrix-values .form-textbox{width: 23px;}

    but this works well with when i change the matrix input type as normal text box,

    how is the css code for a numeric type text box?

    Thanks,

    swapna.

  • Profile Image
    NeilVicente
    Answered on July 02, 2014 at 08:33 AM

    Please try this CSS code:

    .form-matrix-values input[type="tel"] {
         width: 25px !important;
    }

    Change the width as you prefer.

    Hope this helps.

  • Profile Image
    swapna_summit
    Answered on April 20, 2016 at 03:04 AM

    Hi, I know that this is an older post but related to query I have again.

     

    My numeric textbox matices have somehow sized themselves up and I have tried everything to make them smaller.

     

    I have used the insert you suggested above but with the matrix ID:

    #id_680 .form-matrix-values input[type="tel"] {

    width: 25px !important;}

    #id_681 .form-matrix-values input[type="tel"] {

    width: 25px !important;}

    #id_682 .form-matrix-values input[type="tel"] {

    width: 25px !important;}

    nothing happens, I have also inserted this above the code where I am background colouring these matrices, 

    Please advise?

  • Profile Image
    Charlie
    Answered on April 20, 2016 at 04:23 AM

    This post is indeed quite old and there are a lot of changes happened on the form builder, I have opened a separate thread for this so that we can better discuss it. Please refer to this link instead: https://www.jotform.com/answers/822593. Thank you.