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

    How to change font size and column width in the matrix (survey tools)

    Asked by WCSPC on September 02, 2013 at 03:07 AM

    Hi we are designing a survey and love th tools. The only problem that we have is that the matrix auto adjusts font size & column width and we are worried that the font size is too small for some of our users.

    Can we change this easily?

    Thank you

    Page URL:
    http://www.jotform.com//?formID=32271653013848

    survey size font size font
  • Profile Image

    Answered by khrisell on September 02, 2013 at 09:20 AM

    Hello,

    If you want all textbox of your matrix field increase the height and width. Also, for the header font size to adopt to the size of the matrix. Kindly inject this code on your form. (Change the value of the width and height according to your preference)

    .form-matrix-values .form-textbox {

    font-size: 100%;

    width: 100px;

    height: 50px; 

    }

    .form-matrix-column-headers, .form-matrix-row-headers {

    font-size: 100%; }

     

    Follow this guide on how to inject this codes

    1. Click Setup & Embed

    2. Preference

    A new window will pop-up.

    3. Then click Form Styles

    4. And paste the code under Inject Code CSS box.

    And then close that window and you're done.

    Let us know if you need further assistance.

    Thank you for using JotForm. :)

  • Profile Image

    Answered by aysaquing on August 15, 2016 at 04:20 AM

    Hi, how can I inject CSS to a specific Matrix, to a specific column? I hope there is a way. Thanks!
  • Profile Image
    JotForm Support

    Answered by Jan on August 15, 2016 at 08:14 AM

    @aysaquing

    I created a separate thread regarding your issue. Please refer to this URL: https://www.jotform.com/answers/906294

    Thank you.