how to set "horizontal, vertical" form of "ant form"?

[thearabbit]

how to set "horizontal, vertical" form of "ant form"?

<AutoForm
    schema={PostSchema}
    showInlineError={true}
    onSubmitSuccess={() => alert('Success!')}
    onSubmit={doc => console.log(doc)}
>
    <AutoField name="category"/>
    <AutoField name="authors"/>
    <AutoField name="publishedDate"/>
    <AutoField name="published"/>

    <SubmitField type="primary"/>
</AutoForm>

[janowsiany]

Hey @thearabbit, i think it is not handled yet. Do you want to make a pull request?
I think that FormItem has labelCol and wrapperCol properties, which will do the job here.

[radekmie]

Also, let's call the author: @Gervwyk.

[Gervwyk]

It is not handled yet. I agree with @janowsiany , labelCol and wrapperCol will be this best way to implement this - will be nice to have. I won't be able to look into this until at least next week. A PR would be great.

[thearabbit]

Thanks for all reply, waiting...

[thearabbit]

Could example? I tried, but don't work

render() {
        const formItemLayout = {
            labelCol: {span: 6},
            wrapperCol: {span: 14},
        };

        return (
            <div>
                <h2>Welcome to Meteor with Ant Design!</h2>

                <AutoForm
                    schema={PostSchema}
                    showInlineError={true}
                    onSubmitSuccess={() => alert('Success!')}
                    onSubmit={doc => console.log(doc)}
                >
                    <AutoField name="category" {...formItemLayout}/>
                    <AutoField name="authors" {...formItemLayout}/>
                    <DateField name="publishedDate" showTime={false} format="DD/MM/YYYY" {...formItemLayout}/>

                    <DateRangeField
                        name="publishedRangeDate"
                        showTime={false}
                        {...formItemLayout}
                    />

                    <AutoField name="published" {...formItemLayout}/>

                    <SubmitField type="primary"/>
                </AutoForm>

            </div>
        );
    }

Please help me.

[radekmie]

It's not released yet.

[thearabbit]

Oh, Thanks I will try again.

[thearabbit]

Have problem with "BoolField"

Warning: Unknown props `labelCol`, `wrapperCol` on <span> tag. Remove these props from the element

[radekmie]

Yep, that's a bug. We'll get to it soon.