koumoul-dev / vuetify-jsonschema-form

Create beautiful and low-effort forms that output valid data. Published on npm as @koumoul/vjsf.
https://koumoul-dev.github.io/vuetify-jsonschema-form/latest/
MIT License
546 stars 155 forks source link

Can you please be kind and provide an example of a large form? #267

Closed Mashiane closed 1 month ago

Mashiane commented 3 years ago

Hi

I kindly request an example of rather a larger/complex layout, perhaps it can follow this wbs/tree. I'm still grappling my mind on how to use this. Can you please help?.

  1. V-Container

1.1 V-Row i.e. R1

1.1.1 V-Col i.e. R1C1 1.1.1.1 V-TextBox

1.1.2 V-Col i.e. R1C2 1.1.2.1 V-TextBox

1.2 V-Row - i.e. R2 1.2.1 V-Col i.e. R2C1 1.2.1.1 V-Combo

1.2.2 V-Col i.e. R2C2 1.2.2.1 V-Chip

1.2.3 V-Col i.e. R2C3 1.2.3.1 V-Check

1.2.4 V-Col i.e R2C4 1.2.4.1 V-Switch

etc etc.

Thanks in advance for your help.

Mashiane commented 3 years ago

Just had a globe moment, perhaps let me explain this like this, lets assume we had this flat structure...

[{ parent=0, id=1, type=v-container, {parent=1, id=2, type=v-row}, {parent=2, id=3, type=v-col}, {parent=3, id=4, type=v-textbox}, {parent=2, id=5, type=v-col}, {parent=5, id=6, type=v-textbox}... }]

Hopefully its making sense.