Setelah berhasil membuat resource, maka sekarang kita akan membuat form untuk proses create dan edit data slider.
Silahkan teman-teman buka file app/Filament/Resources/SliderResource.php, kemudian cari kode berikut ini.
php
public static function form(Form $form): Form
{
return $form
->schema([
//
]);
}
Dan ubahlan menjadi seperti berikut ini.
php
public static function form(Form $form): Form
{
return $form
->schema([
//card
Forms\Components\Card::make()
->schema([
//image
Forms\Components\FileUpload::make('image')
->label('Slider Image')
->placeholder('Slider Image')
->required(),
//link
Forms\Components\TextInput::make('link')
->label('Link')
->placeholder('Link')
->required(),
])
]);
}
Dari perubahan kode di atas, pertama kita menambahkan component Card.
cpp
Forms\Components\Card::make()
Kemudian di dalamnya, kita menambahkan 2 form input, yaitu:
-
FileUploaddengan namaimagephp//image Forms\Components\FileUpload::make('image') ->label('Slider Image') ->placeholder('Slider Image') ->required(), -
TextInputdengan namalinkphp//link Forms\Components\TextInput::make('link') ->label('Link') ->placeholder('Link') ->required(),
Sekarang, silahkan reload project-nya, kemudian klik New slider dan jika berhasil maka akan mendapatkan hasil seperti berikut ini.
