Help with Conditions to display section collapse

  • Profile Image
    Perlman
    Asked on October 18, 2017 at 11:51 AM

    Hello-

    I am seeking suggestions to help functionality and user experience for a form.

    I am presenting 9 packages Options.

    Each package contains product images.

    If a user likes a product image within the package, the user selects the product and continues through the form. If a user does not select a product within the package, the user will explore other packages and associated products.

    See below images for reference. I am using a Package called "Sierra Package"

    1508341480Screen Shot 2017-10-18 at 8.43

    1508341561Screen Shot 2017-10-18 at 8.44

    If a product image/option is not selected from the drop down, I would like to display (show) the next package (Mesquite Package)

    1508341756Screen Shot 2017-10-18 at 8.48

    I hope I have explained this clearly.  I am open to suggestions if using the drop down widget is not practical.

    Spencer

  • Profile Image
    TREVON
    Answered on October 18, 2017 at 01:27 PM

    Apologies for the challenges you are facing. I am trying to analyze the issue and I think I need you to explain the process. I would try and explain a scenario I think would work for you based on your explanation. From here we can easily work on a solution for you.

    Somebody chooses the kind of burial they need and they will be redirected to choose the casket.

    Once they are on the caskets page You have different packages and they can choose from these packages. Each of the packages will have different kinds of caskets as per the form so for instance is I choose Sierra package I will get different options of the Sierra package. If I do not choose anything in Sierra package I can choose other packages which will return me to page where I need to select the package. From here I can choose a different package.

    Kindly confirm this is how you want the form to work as per you earlier explanation.

  • Profile Image
    Perlman
    Answered on October 18, 2017 at 02:11 PM

     Yes, you have stated it correctly.

    The only difference is that I'm trying to reduce the navigation steps and would ultimately like everything to happen on the same page instead of needing to use the back button.

    For example, if the Sierra Package Casket Options are not suitable, the user could easily explore other packages without leaving the page.

    Thank you for your help.

    Spencer

  • Profile Image
    TREVON
    Answered on October 18, 2017 at 03:04 PM

    Thank you for the confirmation and a the clarification.

    I have created a simple form based on the clone of your form you shared. Below is link to the form kindly test the form and let us know if the sample would work for you. You can actually clone the form and improve on it based on the sample elements used in the form.

  • Profile Image
    Perlman
    Answered on October 18, 2017 at 03:08 PM

    Thank you.

    It looks like the section collapse element have viewing enabled. Is that correct?

    That looks like a good solution.

    Do you know if it is possible to set css styles to the section collapse element?

    Thank you,

    Spencer

  • Profile Image
    TREVON
    Answered on October 18, 2017 at 04:26 PM

    Thank you for your response. I would like to respond to your comments inline.

    It looks like the section collapse element have viewing enabled. Is that correct?

    -Yes the section has viewing enable due to but the content in the collapse element hidden by default and will only be displayed if the arrow is clicked/activated. With this it ensures that once selected the

    Do you know if it is possible to set css styles to the section collapse element?

    -Yes it is possible to set CSS to the Collapse element to suite a specific look and feel. You can let us know how yo want it to look and we can be able to assist in changing the look of the element.

    If you have CSS knowledge however kindly check out the guide below.

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope the above information is helpful. If you need further assistance kindly feel free to contact us.

  • Profile Image
    Perlman
    Answered on October 18, 2017 at 05:32 PM

    Thank you.

    I like the function and look of a header with the image. Is there a way to replicate that using the collapse element?

    1508362318Capture10_18.JPG


    Also, how do I set the section collapse to be closed when the page is navigated to?


    Thank you,

    Spencer

  • Profile Image
    Perlman
    Answered on October 18, 2017 at 06:14 PM

     

     Another question:

    Is it possible to force the selected image within a package above the next package section?

    1508363892Capture10_18_1.JPG

    For example, above, the Alex casket has been selected from the Sierra Burial Package. The Alex casket/package description(a text element) is displayed below the Mesquite Burial Package section.

    I would like to have the Alex casket (text element) displayed so it looks like it is part of the Sierra Package.

    Thank you,

    Spencer

  • Profile Image
    Kevin_G
    Answered on October 18, 2017 at 09:55 PM

    In order to assist you better, I've moved your questions to different threads,  we will assist you as soon as possible on the following threads: 

    https://www.jotform.com/answers/1276993 

    https://www.jotform.com/answers/1276994 

    https://www.jotform.com/answers/1276995