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

    Styling Matrix Field and Hover Text

    Asked by czawodzi on June 30, 2015 at 02:45 PM

    How can I edit the HTML on a matrix? 

    I am creating a form for supervisors and cooperating teachers to assess pre-service teachers.   I created a matrix for one component: Demonstrating Knowledge of Content and Pedagogy.  Their choices will be U, B, P, D.  I would like the teacher to be able to hover over the U, and see what criterion they would use to choose U.  (the Unsatisfactory choice on the rubric)  Is there a way I can edit the HTML on the matrix?  I see that is is available on a text field, but not on the more complicated fields.  Thanks for your help!

    Screenshot
    hover text matrix field
  • Profile Image
    JotForm Support

    Answered by Mike on June 30, 2015 at 04:16 PM

    Thank you for contacting us.

    Unfortunately, there is no way to add individual hover text sections for the Matrix field items.

    You might consider editing Matrix Table Width (to have a space for Hover Text section).

    Then, styling Hover Text with HTML/CSS.

    Please feel free to contact us if you need any further assistance.

  • Profile Image

    Answered by czawodzi on June 30, 2015 at 04:45 PM

    You rock!!  Now how do I make the row height larger?   They will have to read a lot of text and it has to be bigger than what is is.  Thanks so much for your help!

  • Profile Image

    Answered by czawodzi on June 30, 2015 at 05:02 PM

    Oh,  I saw your answer, my bad, use a text box matrix...but the text is still so small, maybe a matrix isn't my answer.  I want the text 1a) and beyond to be at least 12.  Any other ideas?  Thanks so much!

  • Profile Image
    JotForm Support

    Answered by Mike on June 30, 2015 at 06:28 PM

    We can inject custom CSS to the form in order to style it.

    Here is an example for matrix row font size.

    .form-matrix-row-headers {
    font-size: 12px;
    }

    Thank you.

  • Profile Image

    Answered by czawodzi on July 07, 2015 at 12:05 PM

    Thank-you so much for all of your help!

  • Profile Image
    JotForm Support

    Answered by BJoanna on July 07, 2015 at 12:51 PM

    On behalf of my colleague, you are welcome.

    Feel free to contact us if you have any other questions.