How to make some boxes not appear in input Table?

  • info.grahambrown
    Asked on March 27, 2019 at 6:37 PM

    Input Table question:

    6. How to make some boxes not appear - see screenshot 

    1553716429Screenshot Question 6 Screenshot 10

  • Kevin Support Team Lead
    Replied on March 27, 2019 at 10:09 PM

    You can hide the elements injecting some CSS code, example: 

    input#input_216_0_0, input#input_216_6_0 {

        display: none;

    }

    To find the correct element to target you only need to preview your form, search the element you want to edit, right click on the element and select the inspect option, then copy the value in the id attribute: 

    1553738872screenshot 01 Screenshot 10

    Then replace the selector on the given code, so you would need to remove the selectors above "input#input_216_0_0, input#input_216_6_0" and use the copied selector "#idValue". 

    This guide will help you injecting the code to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I hope this helps. 

  • info.grahambrown
    Replied on March 31, 2019 at 7:57 PM

    Thanks Kevin!

    If I inspect my form and it says my target element is:

    id="input_63_6_1"

    Am I replacing the id input numbers in the CSS code like this?

    input#input_63_6_1, input#input_63_6_1 {

        display: none;

    }

    1554076711Screenshot Question 6   input Screenshot 10

  • info.grahambrown
    Replied on March 31, 2019 at 9:43 PM

     I would also like to know how to make  one column require numbers only and the other column to accept any text

    1554082982Capture Screenshot 10

  • daisy JotForm UI Developer
    Replied on April 1, 2019 at 4:51 AM

    Using different input types for different columns in "Input Table" field is not possible. You can use "Configurable List" widget instead of "Input Table" field if you want to use different input types for different columns.


    https://widgets.jotform.com/widget/configurable_list


    Am I replacing the id input numbers in the CSS code like this?

    input#input_63_6_1, input#input_63_6_1 {

        display: none;

    }


    Yes, you need to change the id numbers of inputs in the CSS code.


    We will be happy to help you if you need further assistance.