Display two sections next to each other
I would like to have a Filament Form where I have two sections next to each other.
I was looking into the documentation but it seems not to be possible. Grid columns does seem to create two columns but inside a section. I don't want that, I want two independent sections next to each other
I have been trying the following:
and
Both don't work.
I was looking into the documentation but it seems not to be possible. Grid columns does seem to create two columns but inside a section. I don't want that, I want two independent sections next to each other
I have been trying the following:
public static function form(Form $form): Form
{
return $form
->schema([
Section::make('Voucher Information')
->schema([
Section::make('General Information')
->schema([Forms\Components\TextInput::make('name')]),
Section::make('Product Information')
->schema([Forms\Components\TextInput::make('code')])
])->columns(2)
]);
} public static function form(Form $form): Form
{
return $form
->schema([
Section::make('Voucher Information')
->schema([
Section::make('General Information')
->schema([Forms\Components\TextInput::make('name')]),
Section::make('Product Information')
->schema([Forms\Components\TextInput::make('code')])
])->columns(2)
]);
}and
public static function form(Form $form): Form
{
return $form
->schema([
Section::make('General Information')
->schema([Forms\Components\TextInput::make('name')]),
Section::make('Product Information')
->schema([Forms\Components\TextInput::make('code')])
])->columns(2);
} public static function form(Form $form): Form
{
return $form
->schema([
Section::make('General Information')
->schema([Forms\Components\TextInput::make('name')]),
Section::make('Product Information')
->schema([Forms\Components\TextInput::make('code')])
])->columns(2);
}Both don't work.
Solution
Hey - i think i achieved what youre trying to do by doing this:
return $form
->schema([
Grid::make(2)
->schema([
Section::make([
TextInput::make('')
->required(),
Grid::make()
->schema([
Toggle::make('')
->reactive(),
Toggle::make('')
->reactive(),
])
])->columnSpan(1),
Section::make([
Select::make('')
->label(' to ')
->searchable()
->options(),
Select::make('')
->label( )
->searchable()
->options(),
])
->visible(fn ($get) => !$get(''))
->columnSpan(1)
]),
]); return $form
->schema([
Grid::make(2)
->schema([
Section::make([
TextInput::make('')
->required(),
Grid::make()
->schema([
Toggle::make('')
->reactive(),
Toggle::make('')
->reactive(),
])
])->columnSpan(1),
Section::make([
Select::make('')
->label(' to ')
->searchable()
->options(),
Select::make('')
->label( )
->searchable()
->options(),
])
->visible(fn ($get) => !$get(''))
->columnSpan(1)
]),
]);
