search

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
548 stars 155 forks source link

feat(schema): x-cols work like option fieldColProps #197

Closed ValDewez closed 3 years ago

ValDewez commented 3 years ago

The x-cols property is great but we can't set a specific col by screen size

albanm commented 3 years ago

I'm ok with that. Can you add a short comment about x-cols being either a string or an object in this example ? Code source is here.

ValDewez commented 3 years ago

I'm not sure where I was able to edit but here is how I used it in my case, it is used from a config.json loaded in my VueJs file. x-cols here can either be a string with a nb of column or an object with screensize like md or lg defined.

"type": "object", "properties": { "name": { "type": "string", "title": "Nom", "x-cols": "6" }, "firstname": { "type": "string", "title": "Firstname", "x-cols": { "md": 6, "lg": 3 } } }

albanm commented 3 years ago

Ok, I will merge this now and complete the example later.

FYI the second link in my message was the place to edit the example. And it is possible to check that everything runs smoothly by using "npm run doc-dev".