Configurable List Widget - Increasing the width of text boxes.

  • Profile Image
    karnallc
    Asked on May 15, 2017 at 10:47 AM

    Hello,

    I am currently in the process of developing a survey and I require a list with rows and columns which allows users to complete different information columns and add rows as required. I have found configurable list to be almost effective. The only issue is that I can not configure the size of the short text entry boxes... I find this strange as this is a very simple modification and is present in the simple short text entry fields but not in the ones included in the configurable list.

    Can somebody provide me the necessary CSS code to be able to configure this? Please also include the code spacing between each column/header.

     

    Picture attached.

     

    Thanks!

  • Profile Image
    Kevin_G
    Answered on May 15, 2017 at 11:33 AM

    It is possible to handle the fields width with some CSS code, you will need to first get the field type as well as the column class, this way you only affect all the fields in one column. 

    Once you have the column and field type, you could inject a CSS code similar to this one:

    .col1 input[type="text"] {

        width: 150px;

    }

    This should affect the fields in the first column only, and the code needs to be injected to the widget under the Custom CSS tab: 

    Hope this helps.