How to make some boxes not appear in input Table?

  • Profile Image
    info.grahambrown
    Asked on March 27, 2019 at 06:37 PM

    Input Table question:

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

    1553716429Screenshot Question 6.PNG

  • Profile Image
    Kevin_G
    Answered 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.png

    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. 

  • Profile Image
    info.grahambrown
    Answered on March 31, 2019 at 09: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.PNG

  • Profile Image
    daisy
    Answered on April 01, 2019 at 04: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.