Dynamic form based on words letters

  • Profile Image
    gino359
    Asked on February 19, 2021 at 05: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?

  • Profile Image
    Cecile_A
    Answered on February 19, 2021 at 07: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.png

    If you need further assistance, kindly let us know.

  • Profile Image
    gino359
    Answered on February 20, 2021 at 03: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!

    🤗

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

    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.