about form layout

Sorry, i've a bunch of question about form layout..

1. How can I have a grid inside grid? (red mark)
2. How can I have radio component with label above inline options? (blue mark)
3. How can I have 2 toggle component in one line of other TextInput component? (brown mark)

Solution

you can use a view component + css
https://filamentphp.com/docs/2.x/forms/layout#view

View::make('custom-view')
    ->label('Status campaign')
    ->schema([
        Radio::make('status')->options([
            'Aktif' => 'Aktif',
            'Tidak Aktif' => 'Tidak Aktif',
            'Selesai' => 'Selesai'
        ])
        ->inline()
        ->disableLabel()
    ])

View::make('custom-view')
    ->label('Status campaign')
    ->schema([
        Radio::make('status')->options([
            'Aktif' => 'Aktif',
            'Tidak Aktif' => 'Tidak Aktif',
            'Selesai' => 'Selesai'
        ])
        ->inline()
        ->disableLabel()
    ])

<!-- custom-view.blade.php -->
<div>
    <span class="text-sm font-medium">
        {{ $getLabel() }}
    </span>
    {{ $getChildComponentContainer() }}
</div>

<!-- custom-view.blade.php -->
<div>
    <span class="text-sm font-medium">
        {{ $getLabel() }}
    </span>
    {{ $getChildComponentContainer() }}
</div>

Filament

Layout - Form Builder - Filament

The elegant TALL stack form builder for Laravel artisans.

Jump to solution

Filament•3y ago•

10 replies

dyo

about form layout

Solution

you can use a view component + css
https://filamentphp.com/docs/2.x/forms/layout#view

View::make('custom-view')
    ->label('Status campaign')
    ->schema([
        Radio::make('status')->options([
            'Aktif' => 'Aktif',
            'Tidak Aktif' => 'Tidak Aktif',
            'Selesai' => 'Selesai'
        ])
        ->inline()
        ->disableLabel()
    ])

View::make('custom-view')
    ->label('Status campaign')
    ->schema([
        Radio::make('status')->options([
            'Aktif' => 'Aktif',
            'Tidak Aktif' => 'Tidak Aktif',
            'Selesai' => 'Selesai'
        ])
        ->inline()
        ->disableLabel()
    ])

<!-- custom-view.blade.php -->
<div>
    <span class="text-sm font-medium">
        {{ $getLabel() }}
    </span>
    {{ $getChildComponentContainer() }}
</div>

<!-- custom-view.blade.php -->
<div>
    <span class="text-sm font-medium">
        {{ $getLabel() }}
    </span>
    {{ $getChildComponentContainer() }}
</div>

Filament

Layout - Form Builder - Filament

The elegant TALL stack form builder for Laravel artisans.

Jump to solution

about form layout

about form layout

Similar Threads

Similar Threads

Similar Threads