Multi column fields layout in vuejs form generator

Question

Basically Vuejs vue-form-generator generates form layout as single column view having single field per row.

<vue-form-generator :schema="schema" :model="model" :options="formOptions"></vue-form-generator>

Here is the sample jsfiddle for example: https://jsfiddle.net/icebob/0mg1v81e/174/

How do we generate multi column view having multiple fields per row using vue-form-generator?

Dmitriy Panov · Accepted Answer · 2018-04-16 17:34:09Z

1

So, you can add a bootstrap class in object of fields styleClasses:'col-md-6'

fields: [{
            type: "text",
            label: "ID",
            model: "id",
            readonly: true,
            featured: false,
            disabled: true,
            styleClasses:'col-md-6'
        }]

answered Apr 16, 2018 at 17:34

Dmitriy Panov

463 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user2423706 Over a year ago

I have already tried styleClasses: 'col-md-6' but no success any other thought?

Dmitriy Panov Over a year ago

@user2423706 you can add your custom class, see an example jsfiddle.net/76of8ucs

Collectives™ on Stack Overflow

Multi column fields layout in vuejs form generator

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related