Can we enlarge the size of the configurable list fields through CSS?

  • Matt_Holmes
    Asked on March 21, 2016 at 10:40 AM

    Last one hopefully can I tweak the length of different fields with CSS also?

    Edit - 

    The fields are in the configurable list widgit ! 

  • Ben
    Replied on March 21, 2016 at 10:44 AM

    Yes, it is possible to do the same through CSS.

    It would however be best if you can tell us what are the exact fields that you would like to change and what is the widget that you wish to have on the same.

    Based on the previous thread this is the form with the widget: https://form.jotformeu.com/60803041116340

     

  • Matt_Holmes
    Replied on March 21, 2016 at 10:49 AM

    Hmm and thats why its not always best to start a new thread!!!

    Anyway

    its the Configurable list - I just need to play with the fields now to get a best fit.

    Matt

    PS - yes its the same one as the one you just listed. ;-)

  • mert JotForm UI Developer
    Replied on March 21, 2016 at 11:22 AM

    Matt, we can make changes on fields on the widget separately; but first, we need to change the previous CSS rule a little bit. Please see and make the change on your form:

     

    select {

        width: 100% !important;

    }

     

    Then, we can make the changes on the field now; but before this we need to know the true class names for each fields. Please, see the class list for your widget:

    Can we enlarge the size of the configurable list fields through CSS? Image 1 Screenshot 20

     

    As it is seen from the above, I increased the "td.col2" 's width and also, you can see the related CSS code form the below:

     

    td.col2 {

        width: 200px;

    }

     

    So, you can give specific appearance by using these class names. If you need any extra help, please do let us know.

     

    Thanks.

  • Matt_Holmes
    Replied on March 21, 2016 at 11:40 AM

    Thanks Spot on.

    Cheers

    Matt

  • Kevin Support Team Lead
    Replied on March 21, 2016 at 11:58 AM

    On behalf of my colleagues, you're welcome. 

    If you need further assistance, do not hesitate to contact us we will be glad to assist you.