Filament Draggable Modal

https://github.com/sanzgrapher/filament-draggable-modal

Admin

A simple yet powerful Filament v5 plugin that makes all modals draggable, allowing users to move...

Tokens:926

Snippets:11

Trust Score:6.7

License:MIT

Update:9 months ago

Show doc for...

Tokens:

Raw

### Install Filament Draggable Modal using Composer

Source: https://github.com/sanzgrapher/filament-draggable-modal/blob/main/README.md

This command installs the sanzgrapher/filament-draggable-modal package using Composer, making it available for your PHP project.

```bash
composer require sanzgrapher/filament-draggable-modal
```

--------------------------------

### Publish Filament Assets

Source: https://github.com/sanzgrapher/filament-draggable-modal/blob/main/README.md

This Artisan command is used to publish Filament's assets. It is a troubleshooting step that may be required if modals are not draggable after installation.

```bash
php artisan filament:assets
```

--------------------------------

### Instantiate DraggableModalPlugin

Source: https://context7.com/sanzgrapher/filament-draggable-modal/llms.txt

Create a new instance of the DraggableModalPlugin using its static factory method 'make()'. This plugin automatically handles the registration of necessary JavaScript and CSS, designates modal headers as drag handles, and preserves the clickability of interactive elements within headers.

```php
<?php

use Sanzgrapher\DraggableModal\DraggableModalPlugin;

// Create a new plugin instance using the static factory method
$plugin = DraggableModalPlugin::make();

// The plugin automatically:
// - Registers JavaScript for drag functionality
// - Registers CSS for drag styling
// - Makes modal headers the drag handle
// - Preserves clickability of buttons and inputs in headers

// Get the plugin ID (useful for conditional logic)
$pluginId = $plugin->getId(); // Returns: 'draggable-modal'
```

--------------------------------

### Register DraggableModalPlugin in AdminPanelProvider

Source: https://github.com/sanzgrapher/filament-draggable-modal/blob/main/README.md

This PHP code snippet demonstrates how to register the DraggableModalPlugin within your Filament Panel Provider, typically located in `AdminPanelProvider.php`. This enables the draggable functionality for all modals in your Filament application.

```php
use Sanzgrapher\DraggableModal\DraggableModalPlugin;

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

Tokens:

Raw