Segmentation within Configurable List

  • designhanddemo
    Asked on August 11, 2015 at 5:28 AM

    Assistance Please

    This great widget seems capable of unlimited variations within certain parameters, but can it handle this request ?

    Currently I am required to have 3 separate sections in my form to achieve my objectives which does not suit.

    My preference is to have a single form that opens at Date and Dropdown with at this point no other parts of the form showing. Then depending on which item is chosen within the opening Dropdown the appropriate configuration from one of the 3 different extended configurations shown below shows on the form.   The sequence of 6 items in each extension shown below is critical.  

    The example setup below hopefully shows what I am seeking to achieve:

    Date, Dropdown,
                    (1) =  Dropdown, Text Box, Text Box, Dropdown, Dropdown, Textarea + 
                    (2) =  Dropdown, Text Box, Dropdown, Dropdown, Dropdown, Textarea +  
                    (3) =  Dropdown, Text Box, Checkbox, Time, Radio, Textarea + 

    (the attached url shows vertical sequence of the above with each extension separated by + symbol) http://www.jotform.com//?formID=52221707000841

    Regarding visual setting my preference is that the form is presented on 2 lines:
    Line 1. has opening Date and (3 choice) Dropdown,  Line 2. shows the relevant extension configuration/s.   

    All widget items making up the form need to be reduced to absolute minimum size.

     

    I trust viewers can follow my brief.  Any questions please come back

    Thanks in anticipation.

    Peter

  • Charlie
    Replied on August 11, 2015 at 10:21 AM

    Hi Peter,

    Thank you for your input. 

    If I understand you correctly, it seems you would like to set conditional logic in the Configurable list widget, is that correct? Unfortunately, it is not possible.

    Perhaps using plain form fields would suffice? Plain form fields are very flexible when it comes to setting conditional logic and using custom CSS code to design it.

    You can then try diving the section of your forms using the form collapse bar, here's a guide that you can follow: https://www.jotform.com/help/297-Show-or-Hide-multiple-fields-at-once-using-form-collapse-tool 

    Could you also share us how your data flow works in the form you are creating? That would help us better to understand.

  • designhanddemo
    Replied on August 12, 2015 at 7:14 AM

    Charlie thanks for the prompt response.   The conditional logic and custom css should work but I am having difficulty getting it to happen.

    If I can better explain how the data flow works maybe you can review how my request can be configured to perform.

    Firstly I stress my form is date driven requiring users to complete the opening Date calendar first then select from the opening Dropdown.  Its what happens after that requiring expert help.

    Using Configurable List widget my Form opens to show 'Date' and 'Dropdown with 3 options 1,2,3'.
    Behind the above opening format are 3 separate forms not visible until option 1,2 or 3 selected. 
    (1) =  Dropdown, Text Box, Text Box, Dropdown, Dropdown, Textarea + 
    (2) =  Dropdown, Text Box, Dropdown, Dropdown, Dropdown, Textarea +  
    (3) =  Dropdown, Text Box, Checkbox, Time, Radio, Textarea + 

    So each time a user completes the Date calendar and selects an option at the opening Dropdown the appropriate form extension 1,2, or 3 opens to be completed.   On completion the user simply hits the + symbol to return to the default opening Date and Dropdown to repeat the process.

    My assumption is the form collapse field / conditional logic  has to go between the opening forms and the 3 extension forms.

    Any help and assistance to show me the coding required to achieve this outcome will be greatly appreciated.

    Cheers Peter

  • Charlie
    Replied on August 12, 2015 at 9:33 AM

    Hi,

    See if this concept form that I have matches the requirement you need: http://form.jotformpro.com/form/52233302458953? 

    Basically, the opening fields are date and dropdown. In the Drop down, there are 3 options, it corresponds to the extensions 1, 2 or 3. Depending on the option selected, the extension will be shown.

    Now, when they click the submit button, we can just redirect the user to the form URL so that it looks like everything just reset to default. In the "Thank You" page, just place the Form URL/direct link there, when they click submit, it redirects to the Form URL.

    Segmentation within Configurable List Image 1 Screenshot 20

     

    I hope I'm understanding your form correctly.

  • designhanddemo
    Replied on August 12, 2015 at 5:50 PM

    Charlie

    You are the Man !

    Initial critique looks like you have nailed it.

    If I have any further comments I will get back to you.

    In the meantime genuine thanks for your support.

    Peter 

  • Chriistian Jotform Support
    Replied on August 12, 2015 at 11:08 PM

    Hi Peter,

     

    On behalf of my colleague, Charlie, you are welcome. Do let us know if you encounter any problems so we can assist you.

     

    Regards.

  • designhanddemo
    Replied on August 14, 2015 at 9:14 AM

    Hello

    http://form.jotformpro.com/form/52233302458953?

    When I edit the titles of the 3 extension pages under the opening Dropdown the title changes occur but then when I complete all the questions in each extension only the first extension title and answers are retained while extension 2 and 3 revert to the default titles and answers are lost.    

    Is it an uploading custom url issue ?

    Peter  

  • Charlie
    Replied on August 14, 2015 at 10:26 AM

    Hi,

    This form http://form.jotformpro.com/form/52233302458953?, is actually in my account, if you would like to have a copy of it in your account, you can clone it by following this guide: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL.

    You can then explore, edit or use the cloned form. I just used the form collapse field

    I used conditional logic to show and hide the fields depending on the user input, but I grouped the fields using the form collapse field.

    I hope that helps.