Plugins
Modal Relation Managers
Allows you to embed relation managers inside filament modals.
Form Builder
Widget
Panel Builder
Dark theme support
Yes
Multi language support
Yes
Compatible with the latest version
Supported versions: 3.x
Documentation

filament-modal-relation-managers Banner

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

This package allows you to embed any of your relation managers inside modals using a provided filament action.

#Showcase

https://github.com/user-attachments/assets/9613ec16-fe3a-4b94-ba03-f589d77764fa

Screenshot 1 Screenshot 2 Screenshot 3

#Support us

Your support is key to the continual advancement of our plugin. We appreciate every user who has contributed to our journey so far.

While our plugin is available for all to use, if you are utilizing it for commercial purposes and believe it adds significant value to your business, we kindly ask you to consider supporting us through GitHub Sponsors. This sponsorship will assist us in continuous development and maintenance to keep our plugin robust and up-to-date. Any amount you contribute will greatly help towards reaching our goals. Join us in making this plugin even better and driving further innovation.

#Installation

You can install the package via composer:

composer require guava/filament-modal-relation-managers

#Assets

Make sure you have a custom filament theme installed (more info in the official documentation here) and add the following to your theme's tailwind.config.js content property, so that our CSS overrides are correctly built:

export default {
//...
content: [
// ...
'./vendor/guava/filament-modal-relation-managers/resources/**/*.blade.php',
]
}

#Usage

First, for any relation manager that you want to be able to embed inside modals, add the CanBeEmbeddedInModals trait:

use Guava\FilamentModalRelationManagers\Concerns\CanBeEmbeddedInModals;
class LessonsRelationManager extends RelationManager
{
use CanBeEmbeddedInModals;
 
// ...
}

And that's it! Now you can use the RelationManagerAction anywhere you like to open the relation manager as a modal:

use Guava\FilamentModalRelationManagers\Actions\Table\RelationManagerAction;
 
// for example in a resource table
 
class CourseResource extends Resource {
 
// ...
 
public static function table(Table $table): Table
{
return $table
->actions([
RelationManagerAction::make('lesson-relation-manager')
->label('View lessons')
->relationManager(LessonRelationManager::make()),
])
// ...
;
}
 
// ...
}
use Guava\FilamentModalRelationManagers\Actions\Infolist\RelationManagerAction;
 
// for example in a resource infolist
 
class CourseResource extends Resource {
 
// ...
 
public static function infolist(Infolist $infolist): Infolist
{
return $infolist
->schema([
TextEntry::make('title')
->suffixAction(RelationManagerAction::make()
->label('View lessons')
->relationManager(LessonRelationManager::make()))
])
// ...
;
}
 
// ...
}
use Guava\FilamentModalRelationManagers\Actions\Action\RelationManagerAction;
 
// for example in edit page
 
class EditCourse extends EditRecord {
 
// ...
 
protected function getHeaderActions(): array
{
return [
RelationManagerAction::make()
->label('View lessons')
->record($this->getRecord())
->relationManager(LessonRelationManager::make())
];
}
 
// ...
}

#Testing

composer test

#Changelog

Please see CHANGELOG for more information on what has changed recently.

#Contributing

Please see CONTRIBUTING for details.

#Security Vulnerabilities

Please review our security policy on how to report security vulnerabilities.

#Credits

#License

The MIT License (MIT). Please see License File for more information.

Featured Plugins