angularjsformio

Form.io: Recommended way to have repeating complex objects on a form


I'm trying to get to grips with form.io

I've got two objects: Qualification and Examination. A Qualification can contain multiple Examinations. Both objects also have several standard text fields.

Could someone tell me the recommended way to build a form that allows the user to enter multiple Qualifications (and their Examinations)? Like this:

enter image description here

Is this possible with form.io? I thought it would be by defining resources (e.g. this tutorial talks about nesting them), but don't think really achieves what I want.


Solution

  • This can be done by using the Datagrid component. This allows grouping multiple fields together in an object. You can then add another datagrid within the datagrid to create the examinations inside a qualification. Datagrid is under Special components.