How can I concatenate or make the form HTML to scroll along with the fields.

  • Profile Image
    scopa02
    Asked on September 23, 2014 at 12:11 AM

    I am trying to build a scrolling terms and conditions box, that combines:

    1. The first part of an agreement = Free Form HTML box

    2. Text Box answer

    3. Check box answers (from single question. Either all answers or checked answers would work)

    4. The second part of an agreement = Free Form HTML box

    if I can combine them into a single Free Form HTML box I can add the HTML to scroll

  • Profile Image
    EltonCris
    Answered on September 23, 2014 at 02:25 AM

    Hi,

    Is this somewhat you are trying to achieved? http://form.jotformpro.com/form/42651722232952?

    If yes, all I did was add a form collapse at the beginning and at the end of the form so they can be group as one section. Make both collapse visibility to hidden and status to open like the following screenshot.

    After that, to make them scrollable, inject the following CSS codes to your form.

    ul.form-section ul.form-section:first-child {

    height: 400px;

    overflow-y: scroll;

    overflow-x: hidden;

    border: 1px solid #ddd;

    }

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

    Hope this helps. Thank you!