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

    Spreadsheet Widget: How to get rid of labels in the top and left side?

    Asked by jabedoya60 on July 17, 2017 at 08:35 PM
    can we get rid of the labels on the top and the left side?
  • Profile Image
    JotForm Support

    Answered by Kevin_G on July 17, 2017 at 09:19 PM

    Please, inject the following CSS code to the widget in order to get rid of the left and top labels: 

    tr th {

        display: none !important;

    }

    This guide will help  you injecting the code to the widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

    I hope this helps. 

  • Profile Image

    Answered by jabedoya60 on July 19, 2017 at 07:49 PM

    Hi, sorry but I placed the css code and it did not work. Is there anything that can be done?

  • Profile Image
    JotForm Support

    Answered by Kevin_G on July 19, 2017 at 09:30 PM

    I have checked the widget on your form and did not find any injected CSS code, could you please add it and let us know if it does not work? 

    We will be glad to take a look on your form. 

     

  • Profile Image

    Answered by jabedoya60 on July 22, 2017 at 12:02 PM

    Hi, thank you I was placing the css in the wrong place, the form is coming together but I still have some problems, I need the text to be centered, smaller in size because there are some fields that a lot of text and all the text in those fields do not show up and last where the prices are, can a checkbox be place in that field so a total can be added at the bottom? Please take a look at my original form below, thank you again for all your help.

  • Profile Image

    Answered by jabedoya60 on July 22, 2017 at 12:03 PM

    I don't need the 6th column, everything can be added on the bottom of the 5th column.

    Thank you.

  • Profile Image
    JotForm Support

    Answered by Nik_C on July 22, 2017 at 04:15 PM

    I understand you were able to fix this issue?

    Since I saw that you added the total field at the bottom of the 5th column.

    If I misunderstood, please let us know.

    Thank you!

  • Profile Image

    Answered by jabedoya60 on July 23, 2017 at 11:48 AM

    Hi, yes i fixed the issues of the labels but did you read my note above, there are still several issues, I need the form to look like the graphic above and be able to add the last column when the user selects that row?

    Thank you,

  • Profile Image
    JotForm Support

    Answered by Nik_C on July 23, 2017 at 02:32 PM

    I'm sorry when I read that reply I understood it is fixed as well.

    Ok here is the CSS that will make all cells text centered and I decreased the font:

    .cell-input {
        text-align: center;
        font-size: 12px!important;
    }

    It should look like this:

    You can make the font size in the code above, just put the smaller number.

    Now, I didn't understand where the check box should be that will show the additional column and where that column should show?

    On the right hand-side, I assume?