Adjusting the text area in a configurable list widget

  • Profile Image
    fmquality
    Asked on August 13, 2018 at 05:35 PM

    Hello,

      I have two text areas in one configurable list widget. I would like to make "Room Number" a certain width and the other textarea "Description" longer. How can I make the textareas different widths?



  • Profile Image
    AshtonP
    Answered on August 13, 2018 at 07:07 PM

    Please copy the below code and iject into the Configuration List Widget's Custom CSS tab - 

    .col1 textarea {

    width : 100px !important;

    }

    .col3 textarea {

    width : 300px !important;

    }

    This code makes the first colum text area to 100px and the third column text area to 300 px as shown in the iamge below. 

    64722_config_list_width.png

    You can adjust the length accordingly. Here is the full code, copy the entire code below and replace it with the existing code.

    th.col1{

    min-width: 50px !important;

    }

    th.col2{

    min-width: 150px !important;

    }

    th.col3{

    min-width: 150px !important;

    }

    textarea {

           height: 15px;

    }

    .col1 textarea {

    width : 100px !important;

    }

    .col3 textarea {

    width : 300px !important;

    }

    Here is the article that explains how to inject Custom CSS to JotForm. How-to-Inject-CSS-Codes-to-Widgets 

    Let us know if you need further assistance.