Draggable Modal plugin screenshot
Dark mode ready
Multilingual support
Supports v5.x

Draggable Modal

Make all your Filament modals draggable by their headers with zero configuration.

Tags: Panels
Supported versions:
5.x 4.x
Narayan Dhakal avatar Author: Narayan Dhakal

Documentation

Filament Draggable Modal Feature

Latest Version on Packagist Total Downloads

A simple yet powerful Filament v5 plugin to make all your modals draggable. Improve your users' flow by allowing them to move modals out of the way to see the content underneath.

#Features

  • Zero Configuration: Just register the plugin and it works.
  • Filament v5 Ready: Designed specifically for the latest Filament version.
  • Smooth Dragging: Uses fixed positioning and handles CSS transforms to prevent jumping.
  • Smart Handle Detection: Draggable by the modal header, but buttons and inputs remain clickable.

#Installation

You can install the package via composer:

composer require sanzgrapher/filament-draggable-modal

#Usage

Register the plugin in your Panel Provider (usually AdminPanelProvider.php):

use Sanzgrapher\DraggableModal\DraggableModalPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        // ... other configuration
        ->plugin(DraggableModalPlugin::make());
}

#Troubleshooting

If the modals are not draggable after installation, ensure you have published the assets:

php artisan filament:assets

#Security

If you discover any security-related issues, please email narayandhakal443@gmail.com instead of using the issue tracker.

#Credits

#License

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

The author

Narayan Dhakal avatar Author: Narayan Dhakal

Full Stack Laravel Developer with 2+ years of experience building scalable web applications and cross-platform mobile solutions. Specialized in PHP/Laravel backend development with proven expertise in RESTful API design, database optimization, and third-party integrations.

Plugins
3
Stars
19

From the same author