Группировка и выравнивание элементов в <SimpleShowLayout>с реакцией администратора - PullRequest
Новая
       7

Группировка и выравнивание элементов в <SimpleShowLayout>с реакцией администратора

0 голосов
/ 17 октября 2018

Я использую Reaction-Admin и не могу найти какую-либо документацию, описывающую, как группировать элементы в <SimpleShowLayout> компонент

У меня есть следующее: 

  <SimpleShowLayout>
                    <TextField source="name"/>
                    <TextField label="ID" source="id"/>
                    <TextField source="tier"/>
                    <SelectField label="Vertical" source="customerVertical" choices={[
                        {id: 0, name: 'Ecommerce'},
                        {id: 1, name: 'Publisher'},
                        {id: 2, name: 'Gaming'},
                        {id: 3, name: 'Other'},
                    ]}/>
                    <SelectField label="Type" source="accountType" choices={[
                        {id: 0, name: 'Test'},
                        {id: 1, name: 'Demo'},
                        {id: 2, name: 'Active'},
                        {id: 3, name: 'Inactive'},
                        {id: 4, name: 'Demo'},
                        {id: 5, name: 'Dev'},
                        {id: 6, name: 'Dev'},
                    ]}/>
   </SimpleShowLayout>

Каждый элементпоявляется в новой строке, тратящей драгоценное пространство в пользовательском интерфейсе.Я хочу использовать flexbox для выравнивания наборов элементов, например, поля Name и Id должны отображаться вместе в одной строке, а Vertical и AccountType - в другой.Реакт-администратору не нравится, когда я оборачиваю их в DIV или SPAN ...

<SimpleShowLayout> также не нравится, когда я использую материал <Card>, <Grid> или любой другой компонент макета материала в нем

...