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.
When creating a list of checkboxes using enum and array, there are many blank lines added almost equal to the number of items in the array. This moves actual checkboxes below title in front end.
Below is the partial schema showing language checkboxes:
"schema": { "title": "Asset Type(s)", "type": "object", "properties": { "key_info": { "type": "object", "properties": { "language": { "type": "array", "enum":["Arabic","Bulgarian","Croatian","Czech","Danish","Dutch","Estonian","Finnish","French","German","Greek","Hebrew","Hungarian","Italian","Latvian","Lithuanian","Norwegian","Polish","Portuguese","Romanian","Russian","Serbian","Slovakian","Slovenian","Spanish","Swedish","Turkish","Ukrainian","Other"],
Here is the front-end for above schema:
Browser console shows many empty divs above actual checkboxes:
When creating a list of checkboxes using enum and array, there are many blank lines added almost equal to the number of items in the array. This moves actual checkboxes below title in front end.
Below is the partial schema showing language checkboxes:
"schema": { "title": "Asset Type(s)", "type": "object", "properties": { "key_info": { "type": "object", "properties": { "language": { "type": "array", "enum":["Arabic","Bulgarian","Croatian","Czech","Danish","Dutch","Estonian","Finnish","French","German","Greek","Hebrew","Hungarian","Italian","Latvian","Lithuanian","Norwegian","Polish","Portuguese","Romanian","Russian","Serbian","Slovakian","Slovenian","Spanish","Swedish","Turkish","Ukrainian","Other"],
Here is the front-end for above schema:
Browser console shows many empty divs above actual checkboxes: