How can I design a form like this

  • Alhines
    Asked on October 24, 2014 at 9:04 PM

    In your Form Designer tutorial: Episode 8:Device Preview, the below screenshot is what you show.

    I'd like to know how to create my own 2 panel form.

    How can I design a form like this Image 1 Screenshot 20

  • Ben
    Replied on October 25, 2014 at 4:36 AM

    Hi,

    If you would like to use that template, or inspect it in your own account, you can get it from our Templates section: http://www.jotform.com/form-templates/social-media-contact-form

    If you open the template you can see that to do that, my colleague has used the Form Collapse field found under Survey Tools.

    How can I design a form like this Image 1 Screenshot 20

    This allowed him to create blocks of code that he moved using the CSS.

    This was all created in our new Form Designer tool and if you are not familiar with CSS it should be much easier for you if you tried it as well.

    I suggest taking a look at the new Form Designer video guides as well.

    Of course if you have any questions along the way do let us know and we will be happy to help.

    Best Regards,
    Ben