Dropdown in the Input table

  • nasser_02
    Asked on August 28, 2017 at 9:28 AM

    Hello dear, 

    Thanks for your support.

    Is there a way to customise the dropdown in the input table, i mean when i try to fill dropdown it copies the same choices in the rest of dropdown

  • Jan
    Replied on August 28, 2017 at 10:42 AM

    Is this the form you are working to (https://www.jotform.me/form/72345957630462)?

    Each cell in the Input Table has its own CSS selector ID. You can use custom CSS in order to customize a specific cell in the Input Table. You can use the Chrome DevTools to identify the selector ID.

    Dropdown in the Input table Image 1 Screenshot 20

    Here's an example of a custom CSS that targets the 1st dropdown in the Input Table:

    #input_15_0_0 {
    background-color: red;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes

    Hope that helps. Thank you.

     

  • nasser_02
    Replied on August 28, 2017 at 11:12 AM

    Thanks dear, 

    yeah its the same form, but when i`m trying to fill one of the dropdown list it fills all the rest with the same data like the mirror...

    http://nasser.design/1.png

  • nasser_02
    Replied on August 28, 2017 at 11:24 AM

    Also could you check this please;

    http://nasser.design/4.jpg

  • Jan
    Replied on August 28, 2017 at 11:38 AM

    Unfortunately, I was not able to replicate the issue you were referring to. Upon checking the Input Table, I was able to select different options on each dropdown. Here's a screen capture:

    Dropdown in the Input table Image 1 Screenshot 30

    Please take note that in the Input Table, the dropdown options will be the same in each cell. For example, you put "Yes" and "No" in the options. All dropdowns in the Input Table will have the same options.

    Dropdown in the Input table Image 2 Screenshot 41

    If you're looking for a matrix type fields will different dropdown options, I suggest you check the Configurable List widget. Here's a guide on How-to-Set-Up-the-Configurable-List-Widget.

    Hope that helps. Thank you.

     

  • nasser_02
    Replied on August 28, 2017 at 12:10 PM

    "Please take note that in the Input Table, the dropdown options will be the same in each cell. For example, you put "Yes" and "No" in the options. All dropdowns in the Input Table will have the same options."

    so i can't fill those with different options? it must be the same for all? 

  • nasser_02
    Replied on August 28, 2017 at 12:11 PM

    like that:

    http://nasser.design/test.jpg

  • Jan
    Replied on August 28, 2017 at 12:37 PM

    So I can't fill those with different options? It must be the same for all?

    Yes, the dropdown options will be the same in the Input Table.

    I suggest you use the Configurable List widget. Here's a demo form: https://form.jotformpro.com/72394535960969.

    Here's a screen capture of how the widget works:

    Dropdown in the Input table Image 1 Screenshot 20

    Please check this user guide: How-to-Set-Up-the-Configurable-List-Widget.

    Hope that helps. Thank you.

  • nasser_02
    Replied on August 28, 2017 at 12:48 PM

    Thanks dear.