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

    Input Table: Can we bold some items in Input Table field?

    Asked by Ecoideasinno on July 09, 2017 at 06:22 PM
    Thank you. One last question...is there a way of bolding some of the items
    in the first column?
    ...
  • Profile Image
    JotForm Support

    Answered by Mike on July 09, 2017 at 06:33 PM

    It is possible to wrap the text into HTML span elements with custom classes to achieve the goal.

    Here is an example:

    https://pastebin.com/raw/1unWxGtP

    Then, apply the CSS to the custom class.

    .bold {
    font-weight: bold;
    }

    Result:

    If you need any further assistance, please let us know.

  • Profile Image

    Answered by Ecoideasinno on July 09, 2017 at 08:43 PM
    ​Can I make the column headers red and bold? Thanks !!!​
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on July 09, 2017 at 09:17 PM

    To make the column headers on the Input Table become red and bold, please inject this CSS code:

    .form-matrix-column-headers {

        font-weight: bold;

        color: red;

    }

     

    Result:

     

    Cheers.

  • Profile Image

    Answered by Ecoideasinno on July 09, 2017 at 09:43 PM
    ​Thank you..last thing...just need the headers to line up over the columns
    please and thank you​!
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on July 09, 2017 at 10:25 PM

    To make the headers line up over the columns, please reduce the width of the headers and adjust the margin.

    Result:

    Thanks.

  • Profile Image

    Answered by Ecoideasinno on July 10, 2017 at 08:43 AM


    T
    ​hank you
    Couple of questions:
    - ​how do I prevent users from entering data into the columns to the
    right of the *bolded* heading table input field​. This is a heading and
    should not have data entered
    - can i change the color and size of these bolded column headings to
    make them stand out?

    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on July 10, 2017 at 10:03 AM

    - ​how do I prevent users from entering data into the columns to the
    right of the *bolded* heading table input field​. This is a heading and
    should not have data entered

    Do you mean the dropdowns to the right of Consumption Salt? Unfortunately, these fields cannot be considered as headers. The only fields that are considered headers of the Input Table are those at the top row.

     

    - can i change the color and size of these bolded column headings to
    make them stand out?

    You can change the CSS properties of the element with bold class. For example, you want to change their colors to red, add this to the custom CSS you injected.

    .bold {

        color: red;

     

    }

     

    If you need further assistance, just let us know.

    Regards.

     

  • Profile Image

    Answered by Ecoideasinno on July 10, 2017 at 02:43 PM
    H
    ​i, the list of items is getting long. Can I add a search box-does it exist
    in CSS?

    ...
  • Profile Image

    Answered by Ecoideasinno on July 10, 2017 at 04:43 PM
    Hi, not sure what is happening but, the form is not working despite
    reverting the history. The floating header is now not working. Can you
    assist?
    ...
  • Profile Image
    JotForm Support

    Answered by Mike on July 10, 2017 at 06:02 PM

    Unfortunately, there is no way to add the search functionality to the Input Table field.

    It looks like that the floating header is based on a custom CSS added to your form.

    What is the exact issue you are having with that header?

  • Profile Image

    Answered by Ecoideasinno on July 11, 2017 at 07:43 AM
    Hi, if I copy this code into a new form using the same information, the
    header *does not float.* Can you help please.
    Here is the URL of the new form: https://form.jotform.ca/71748319024255
    ...
  • Profile Image
    JotForm Support

    Answered by jonathan on July 11, 2017 at 10:07 AM

    Please try this CSS codes on your form.

    #cid_53 tr:nth-of-type(1) {
        position : fixed;
        margin-top : -5.4%;
        margin-left : 2.0%;
    }

    it work like this form https://www.jotformpro.com/71913885222964

    You can adjust the margin-left number to match your need.