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

Is it possible to configure an array of checkboxes to display it using cols? #384

Closed jousepo closed 1 month ago

jousepo commented 1 year ago

Having this schema:

const schema = { type: 'object', properties: { stringArrayOneOf: { type: 'array', title: 'I\'m an array with a oneOf and x-display=checkbox', items: { type: 'string', oneOf: [ { const: 'value1', title: 'Value 1' }, { const: 'value2', title: 'Value 2' }, { const: 'value3', title: 'Value 3' }, { const: 'value4', title: 'Value 4' }, { const: 'value5', title: 'Value 5' }, { const: 'value6', title: 'Value 6' } ] }, 'x-display': 'checkbox' } }, required: [ 'stringEnum' ] }

Is it possible to change the cols or display property in order to show inline?

Base example: https://koumoul-dev.github.io/vuetify-jsonschema-form/latest/examples#selection-controls

I tried using those examples but nothing happens https://koumoul-dev.github.io/vuetify-jsonschema-form/latest/examples#classes I've found this props https://github.com/koumoul-dev/vuetify-jsonschema-form/blob/7794bc3998482b3b6f9824620ccc0b5914f538e1/lib/utils/options.js but with no results too.

Thanks you for your help in advance.