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

  • Profile Image
    WCSPC
    Asked 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

  • Profile Image
    khrisell
    Answered 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
    aysaquing
    Answered 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
    Jan
    Answered 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.