Creating Forms with Laravel Filament Framework

Laravel Filament is a modern, lightweight admin panel framework designed to work seamlessly with Laravel applications. It simplifies common backend tasks, such as managing resources and creating forms, making it an excellent choice for developers. In this guide, we’ll walk through how to create forms with the Filament framework.

Why Use Filament for Forms?
Filament provides a clean and elegant way to handle forms in Laravel applications. It offers features like validation, customization, and responsiveness out of the box. With Filament, you can focus on building your application rather than writing repetitive boilerplate code.

Getting Started
Step 1: Install Filament
Before you begin, ensure your Laravel application is set up. Then, install the Filament package using Composer:

composer require filament/filament

After installation, publish the configuration files and assets:

php artisan filament:install

Step 2: Create a Filament Resource
Filament resources are the building blocks of its admin panel. To create a resource that includes a form, use the following command:

php artisan make:filament-resource Post

This command generates a resource with CRUD operations for a model (e.g., Post). If you don’t have the model yet, you can generate it first using:

php artisan make:model Post -m

Don’t forget to run migrations if needed:

php artisan migrate

Customizing the Form

Filament generates a default form based on your model’s fields. However, you can fully customize it. Open the PostResource file located in the App\Filament\Resources\PostResource directory.

Inside the form() method, you can define the fields for your form using Filament's field components. For example:

public static function form(Form $form): Form  
{  
    return $form  
        ->schema([  
            TextInput::make('title')  
                ->label('Post Title')  
                ->required()  
                ->maxLength(255),  
  
            Textarea::make('content')  
                ->label('Content')  
                ->required(),  
  
            DatePicker::make('published_at')  
                ->label('Publish Date'),  
        ]);  
}

Understanding the Form Components

1. TextInput: Creates a text input field. Useful for single-line inputs like titles or names.
2. Textarea: Provides a larger input area for multi-line text such as descriptions or content.
3. DatePicker: Adds a date picker to your form for selecting dates.

Filament offers many more components, such as Select, Toggle, FileUpload, and Repeater. These components help you create complex forms without additional packages.

Adding Validation
You can add validation rules directly to the form fields:

TextInput::make('title')  
    ->required()  
    ->minLength(5)  
    ->maxLength(255),

Validation rules ensure data integrity before it’s saved to the database.

Handling Form Actions
By default, Filament handles form submission and updates automatically. If you need custom behavior, override the save() method in the PostResource class or use form events for more control.

Comments

Post a Comment

Popular posts from this blog

What is filament laravel framework?

Building Admin Panels with Filament in Laravel: A Complete Guide   Introduction Laravel has become one of the most popular PHP frameworks, known for its elegant syntax and developer-friendly features. When it comes to building robust admin panels and dashboards, Filament offers an excellent solution. It’s a rapidly growing open-source tool for creating fast, interactive, and beautiful admin interfaces. In this blog, we’ll explore the benefits of using Filament with Laravel, how to set it up, and tips to get the most out of it. What is Filament? Filament is a lightweight Laravel package designed to simplify the process of creating admin panels. It offers a set of pre-built components, form builders, and table managers that allow developers to build CRUD (Create, Read, Update, Delete) operations with minimal code. It provides: A clean and intuitive UI Powerful form and table management Role-based access control Customizable dashboards Support for Laravel models, policies, and resourc...
Read more

Install Filament in a Laravel project

Prerequisites 1. Laravel installed: Ensure your Laravel version is 9.x or 10.x. 2. PHP >= 8.1: Filament requires PHP 8.1 or above. 3. Database connection: Ensure that your .env file is correctly configured with a working database. 1. Create a Laravel project (if not already installed): composer create-project laravel/laravel your-project-name cd your-project-name 2. Install Filament: In your Laravel project directory, run: composer require filament/filament 3. Publish Filament's Assets: This will publish Filament's configuration, translations, and view files. php artisan filament:install 4. Run Database Migrations: Filament creates necessary tables in your database. Run: php artisan migrate 5. Create an Admin User: Filament requires an admin user to access the dashboard. You can create one using: php artisan make:filament-user You will be prompted to enter the name, email, password, and whether the user is an admin. 6. Serve the Application: Start your Laravel development se...
Read more

Creating Resources in Filament (Laravel Framework)

Filament is a Laravel-based framework that provides an intuitive admin panel for managing your application. One of its core features is the ability to create resources that serve as a bridge between your database and the admin interface. In this guide, we’ll walk you through the process of creating and customizing resources in Filament. What Are Filament Resources? Filament resources are essentially classes that define how your database models are displayed, managed, and interacted with in the admin panel. They include configurations for: CRUD operations (Create, Read, Update, Delete). - Forms for data entry. - Tables for data display. Pre-requisites Before starting, ensure you have: 1. Laravel installed and configured. 2. The Filament package installed. If not, run: composer require filament/filament 3. A database migration and model already set up for the entity you want to manage. Step 1: Create a New Resource To generate a resource, use the following Artisan command: php artisan ma...
Read more