Dropdown in the Input table

  • Profile Image
    nasser_02
    Asked on August 28, 2017 at 09: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

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

    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.

     

  • Profile Image
    nasser_02
    Answered 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

  • Profile Image
    nasser_02
    Answered on August 28, 2017 at 11:24 AM

    Also could you check this please;

    http://nasser.design/4.jpg

  • Profile Image
    Jan
    Answered 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:

    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.

    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.

     

  • Profile Image
    nasser_02
    Answered 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? 

  • Profile Image
    nasser_02
    Answered on August 28, 2017 at 12:11 PM
  • Profile Image
    Jan
    Answered 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:

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

    Hope that helps. Thank you.

  • Profile Image
    nasser_02
    Answered on August 28, 2017 at 12:48 PM

    Thanks dear.