Использование fullWidth в SimpleForm или TabbedForm для получения двух столбцов в response-admin - PullRequest
Новая
       60

Использование fullWidth в SimpleForm или TabbedForm для получения двух столбцов в response-admin

0 голосов
/ 16 июня 2020

Моя основная цель - это форма редактирования с двумя столбцами. Я понимаю, что могу сделать это с помощью настраиваемой формы, но мне интересно, есть ли более простой способ сделать это с помощью существующей SimpleForm или (еще лучше) TabbedForm.

Я могу получить данные в отображать в двух столбцах с использованием сетки или прямоугольника, но все это втиснуто в небольшой столбец с левой стороны вместо использования полной ширины. Я пробовал играть с fullWidth, меняя компонент и т. Д. c. но я не могу заставить его работать. Любая помощь будет очень принята!

Обновление с текущим кодом: 

        <SimpleForm >
            <Grid container spacing={1}>
                <Grid item xs={6}>
                    <Typography variant="h6" gutterBottom>Old</Typography>
                    <TextField source="id" />
                    <TextInput source="foo" fullWidth />
                    <TextInput source="bar" fullWidth />
                </Grid>
                <Grid item xs={6}>
                    <Typography variant="h6" gutterBottom>New</Typography>
                    <TextField source="id" fullWidth />
                    <TextInput source="newFoo" fullWidth />
                    <TextInput source="newBar" fullWidth />
                </Grid>
            </Grid>
        </SimpleForm>
...