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

  • Profile Image
    Ecoideasinno
    Asked 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
    Mike
    Answered 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
    Ecoideasinno
    Answered on July 09, 2017 at 08:43 PM
    ​Can I make the column headers red and bold? Thanks !!!​
    ...
  • Profile Image
    Chriistian
    Answered 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
    Ecoideasinno
    Answered 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
    Chriistian
    Answered 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
    Ecoideasinno
    Answered 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
    Chriistian
    Answered 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
    Ecoideasinno
    Answered 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
    Ecoideasinno
    Answered 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
    Mike
    Answered 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
    Ecoideasinno
    Answered 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
    jonathan
    Answered 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.