Dynamic form based on words letters

  • gino359
    Asked on February 19, 2021 at 5:20 AM

    Hi there,

    I'm working on a product where the user must add a child name in a form and then for each letter he needs to select some traits.

    Eg.: If the child's name is "John" he needs to see the checkboxes for the letters J, O, H and N.

    J: []Jesting, []Jiggish, []Jimp

    O: []Offensive, []Oily, []Omnipotent

    H: []Hazardous, []Healthy, []Heavenly

    N: []Negligent, []Nerdy, []Noble


    I'm familiar with redirecting users from one form to another, prefilled fields, and other features but I can't make this work.


    There is anyone with an idea on what can I do in this scenario?

  • Cecile JotForm Support
    Replied on February 19, 2021 at 7:03 AM

    Hello there,

    Thank you for contacting support.

    I checked your form and your conditions work. You just need to add the same conditions with letters containing G-Z.

    1613736074 602fa88ae71ed 36 Screenshot 10

    If you need further assistance, kindly let us know.

  • gino359
    Replied on February 20, 2021 at 3:24 AM

    Thx for the answer Cecile!

    Yes, it's working to get the traits for each letter but there are two things with this approach:

    1. The order of the fields is standard so if the name of the kid is John, the user will be asked to choose the traits for H, J, O, and N instead of J, O, H and N.
      There is any solution to this in order to force somehow this behaviour?

    2. If the name of the child is Victoria we will have: A, C, I, O, R, and V but for the letter "I" he needs to choose 2 traits because the name contains two "I".
      Here the question is if I can somehow dynamically limit the number of choices of a checklist or if there is any component that I can use in order to get this behavior?

    Thx a lot for looking into this!

    🤗

  • John Support Team Lead
    Replied on February 20, 2021 at 12:24 PM

    Unfortunately, you cannot re-order the fields using conditions. You cannot also dynamically limit the number of choices a user can make on any fields as it can only be done in the backend/form design.

    Here are the only conditions you can use:

    1613841726 6031453e188c2  Screenshot 10

    I tried looking for some workarounds but this seems not doable in the form builder alone. If you're familiar with JavaScript, you can embed the form using its source code to your own webpage, then add custom scripts there to achieve the requirement. However, you would need to switch to a CLASSIC form layout to enable embed using form source code.