gitana / alpaca

Alpaca provides the easiest way to generate interactive HTML5 forms for web and mobile applications. It uses JSON Schema and simple Handlebars templates to generate great looking, dynamic user interfaces on top of Twitter Bootstrap, jQuery UI, jQuery Mobile and HTML5.
http://www.alpacajs.org
Other
1.29k stars 371 forks source link

Interactive forms #547

Closed kamov closed 6 years ago

kamov commented 6 years ago

I would like to know if there is an example how to create interactive forms, where each fields appear one by one, something like typeform

Thanks

MetaAbstract commented 6 years ago

All examples are here

kamov commented 6 years ago

Yes I see, but I don't see an example with interactive forms...

MetaAbstract commented 6 years ago

It's UI genertor above json schema. So there are no interactive builder. You can find interactive builder for json schema, construct schema, load to alpaca and you will get the from.

kamov commented 6 years ago

I am not looking for interactive builder.. But interactive forms, forms with steps, where it's show one field at time. Example like typeform: https://www.typeform.com/examples/forms/

MetaAbstract commented 6 years ago

Catch)...You can develop custom template for you form with events handlers.

kamov commented 6 years ago

Yes I see custom templates. But I guess how to show one field at time

MetaAbstract commented 6 years ago

you can make reverse engineering of typeforms in this behavior) or develop own solution for this task. In formal task is show the part of the template with animation switching.

ambischof commented 6 years ago

You could probably achieve this with dependencies. Make each field dependent on the one before it having a value.

kamov commented 6 years ago

You could probably achieve this with dependencies. Make each field dependent on the one before it having a value.

Sound good solutions. I will check into. Thanks

fosils commented 6 years ago

@kamov I am interested in achieving the same, how did you do this in the end?

kamov commented 6 years ago

@fosils

@ambischof give the solution:

"You could probably achieve this with dependencies. Make each field dependent on the one before it having a value."