How can i add a Section Collapse below the payment submit button?

  • Profile Image
    kevcheung30
    Asked on July 19, 2021 at 05:23 AM

    Hello,

    I created a form for my restaurant preorder, there are two question:

    1. How can i add "Section Collapse" for my Q&A section to the very end of the form which below the payment submit button?
    2. I have set minimum order limit to $60 for home delivery and i want to add two questions using "single choice", (delivery or pick up). If user select delivery option than $60 limit will be applied, however if user select pick up option than $60 will not be applied, can i do that?

    Appreciate that your response!

    Form url https://form.jotform.com/211991862603863

    Regards

    Kevin

  • Profile Image
    Michal_S
    Answered on July 19, 2021 at 08:40 AM

    Hello!

    I will be splitting your second question into a separate thread and will address it there.

    As for your Section Collapse inquiry, please try the following:

    • Add another Section Collapse after the first one ends and set the Section Visibility to Visible and Button Visibility to Hidden:

      1626698388_60f57294d5a2d_1.png

    • Add the following CSS code into your form's Custom CSS:

    ul#section_36 {

      order: 2;

    }

    Please refer to this guide if you require help with inserting custom CSS into your form:

    How to Inject Custom CSS Codes

    This should achieve your desired effect:

    1626698417_60f572b11d7a7_2.png

    Please let us know if you require any further assistance.

    Thank you!

  • Profile Image
    kevcheung30
    Answered on July 20, 2021 at 02:59 AM

    Thanks Michal! It works!