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 I style two columns of my checkboxes?

    Asked by mimiramirez on December 13, 2016 at 09:30 AM
    i have the same issue, i want to modify two specif colums , how can i do this?
  • Profile Image
    JotForm Support

    Answered by seth on December 13, 2016 at 10:00 AM

    Hello,

    It is hard to understand your inquiry. Could you please tell us your form ID, the fields that you want to style and how would you like to style it?

    We are awaiting your response.

    Regards.

  • Profile Image

    Answered by mimiramirez on December 13, 2016 at 10:56 AM

    yes , here is the link of my form : https://form.jotformeu.com/63426172819359

    if you go to the question 2.4, there is a matrix with fields to write in, but the name colum should be wider than the following two columns since they are only get answers in two digit numbers.

    so the idea is making the name column wider so people can put projects name there and the other colums thiner

     

    also another problem i had when introducing css code is that when incresing colums, it affects all my matrixes in my survey and not only the one i just ant to modify, how can i make this codes affecting all my matrixes?

     

    hope this helps :)

  • Profile Image
    JotForm Support

    Answered by John_Benson on December 13, 2016 at 12:34 PM

    Please try to inject this custom CSS code to your form:

    .form-matrix-row-headers +
    .form-matrix-values .form-textbox { 
    width: 400px !important;

    .form-matrix-row-headers +
    .form-matrix-values +
    .form-matrix-values .form-textbox { 
    width: 50px !important;

    .form-matrix-row-headers +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values .form-textbox { 
    width: 50px !important;

    Here's a guide on: How-to-Inject-Custom-CSS-Codes

    Please take note that you can change the 100px width to your own preferences. 

    Result:

    Hope that helps. If you need further assistance, please let us know. Thank you.