What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by Matt_Holmes 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 ! 

    configurable list CSS change width
  • Profile Image

    Answered by Ben 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

     

  • Profile Image

    Answered by Matt_Holmes 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. ;-)

  • Profile Image
    JotForm Support

    Answered by mert 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:

     

    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.

  • Profile Image

    Answered by Matt_Holmes on March 21, 2016 at 11:40 AM

    Thanks Spot on.

    Cheers

    Matt

  • Profile Image
    JotForm Support

    Answered by Kevin_G 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.