Hello Slideforms

This is a Jquery Plugin to create a Slideform like this. The first step is to include the jquery.slideform.js file in your stack, and then you are ready to go.

You can create inputs

Inputs are very easy to create and they work like any other form input

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe omnis voluptates architecto vel iusto nihil debitis aperiam modi ratione. Delectus, quaerat reiciendis aspernatur est perspiciatis eos tempore officiis itaque natus?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro possimus quae quasi ea. Minus ducimus facilis, molestiae voluptatem vel, fuga hic culpa praesentium ad, autem sunt odio facere! Doloribus, fuga.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit hic nihil, accusantium ipsum quas et tempora non praesentium recusandae reiciendis dolor tempore voluptatem laudantium, ullam fugit deleniti tenetur nobis. Dolorum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit hic nihil, accusantium ipsum quas et tempora non praesentium recusandae reiciendis dolor tempore voluptatem laudantium, ullam fugit deleniti tenetur nobis. Dolorum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit hic nihil, accusantium ipsum quas et tempora non praesentium recusandae reiciendis dolor tempore voluptatem laudantium, ullam fugit deleniti tenetur nobis. Dolorum.

Radios and Checkboxes

Some fancy effects, taiolred for mobile experiences.

Radio Buttons

Checkboxes

Radios and Checkboxes as Buttons

This is particularily useful for mobile enviroments

Checkboxes Example

Radios Example

You can also set conditions with pretty simple data attributes

Show Condition?

This is another condition

This message appears after all conditions have been marked as "yes".

Ready for Jquery Validation Plugin

You can attach the jquery.validate.js file and define your own validation rules.

Learn More

Learn more about Slideform reading our docs in Github.

https://github.com/asmerkin/slideform/wiki