How can I make the text boxes in my table bigger?

  • Profile Image
    MikalaSykes
    Asked on November 01, 2017 at 09:33 PM

    Hello,

    I have setup a table (screenshot included) where I require written text for each column.


    I need a wider box to enter the text and I was wondering how I make the box wider? 

    Many thanks,

    Mikala :)

  • Profile Image
    beyza
    Answered on November 02, 2017 at 04:35 AM

    Hi,

    You can increase the height and width of the text box inputs in a table by adding the following CSS to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    or 

    1. In the form builder, click the Design icon.

    1509611213Screen Shot 2017-11-02 at 01.2

    2. Click on the CSS tab and ADVANCED CSS EDITORS

    1509611307Screen Shot 2017-11-02 at 01.2

    3. Change input width values

    1509611448Screen Shot 2017-11-02 at 01.2

    If you have any question, let us know. 

  • Profile Image
    MikalaSykes
    Answered on November 02, 2017 at 06:14 PM

    Hi,


    Thank you for your reply! When I go to change the input width values the text boxes for my table do not change, only the written text. 


    Am I doing something wrong?


    Thanks,

    Mikala

  • Profile Image
    jonathan
    Answered on November 02, 2017 at 08:45 PM

    Please add the next CSS codes to your form to make the input boxes wider.

    #id_15 .form-matrix-values .form-textbox {

    width: 150px !important;

    }

    1509669939zzz 2017-11-03 08.44.57.png

    Let us know if you need further assistance.