Download the PHP package solution-forest/filament-panzoom without Composer

On this page you can find all versions of the php package solution-forest/filament-panzoom. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Example code of solution-forest/filament-panzoom

Informations about the package filament-panzoom

Filament Pan & Zoom

filament-panzoom

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

An interactive image zoom and pan component for Filament PHP. This package provides a beautiful, responsive image viewer with smooth zoom and pan functionality, perfect for viewing receipts, documents, or any images that require detailed inspection.

Features:

https://github.com/user-attachments/assets/a62bb402-cf1c-497b-a3f3-509819db6926

Requirements

Installation

You can install the package via composer:

Register the Plugin

Add the plugin to your Filament Panel Provider (e.g., app/Providers/Filament/AdminPanelProvider.php):

Optional: Publish Assets

Optionally, you can publish the views for customization:

You can also publish the config file:

Usage

Filament Version Compatibility

This package supports both Filament 3.0+ and Filament 4.0+ with automatic compatibility detection.

Filament 3.0+ (Legacy)

Filament 4.0+ (Current)

Configurable Double-Click Zoom

You can customize the double-click zoom level for each component. Double-clicking again will return the image to the original fit-to-container view:

Available Zoom Levels:

In Blade Views

You can use the component directly in any Blade view (works in both 3.0+ and 4.0+):

Component Selection Guide

⚠️ Important: Choose the correct component for your context!

Context Component Import
Forms (3.0+) PanZoom use SolutionForest\FilamentPanzoom\Components\PanZoom;
Forms (4.0+) PanZoom use SolutionForest\FilamentPanzoom\Components\PanZoom;
Actions PanZoom use SolutionForest\FilamentPanzoom\Components\PanZoom;
Tables PanZoom use SolutionForest\FilamentPanzoom\Components\PanZoom;
Infolists (3.0+) PanZoomEntry use SolutionForest\FilamentPanzoom\Infolists\Components\PanZoomEntry;
Infolists (4.0+) PanZoomEntry use SolutionForest\FilamentPanzoom\Infolists\Components\PanZoomEntry;

Why two components? Filament has separate component hierarchies for Forms and Infolists. Using the wrong one will cause a TypeError.

Key Differences: Filament 3.0+ vs 4.0+

Feature Filament 3.0+ Filament 4.0+
Forms Structure form(Form $form): Form configure(Schema $schema): Schema
Infolists Structure infolist(Infolist $infolist): Infolist configure(Schema $schema): Schema
Available Methods label(), columnSpanFull(), etc. Limited methods (Schemas-based)
Component Base Filament\Forms\Components\Component Filament\Schemas\Components\Component
Auto-detection ✅ Yes ✅ Yes

Usage Examples

Filament 3.0+ Examples

In Forms:

In Infolists:

In Table Actions:

In Custom Pages:

Filament 4.0+ Examples

In Forms (Schemas):

In Infolists (Schemas):

In Table Actions:

In Custom Pages:

Component Properties

The component accepts the following properties:

Property Type Required Description
imageUrl string Yes The URL of the image to display
imageId string Yes Unique identifier for the component instance
doubleClickZoomLevel float No Zoom level for double-click (0.5-5.0, default: 3.0)

Quick Tips

💡 Pro Tip: Double-click anywhere on the image to zoom to that exact position (configurable, default 3x). Double-click again to return to fit.

Features

Zoom Controls

Pan Controls

Reset View

Visual Feedback

Styling

The component uses Tailwind CSS classes and is designed to work seamlessly with Filament's design system. The component is fully responsive and includes:

Troubleshooting

Common Issues

TypeError: Argument #1 ($component) must be of type Filament\Infolists\Components\Component

TypeError: Argument #1 ($component) must be of type Filament\Forms\Components\Component

Fatal Error: Class was composed with trait conflicts

Method not found: label() or columnSpanFull() in Filament 4.0+

Undefined type 'Filament\Schemas\Components\Component'

Version-Specific Issues

Filament 3.0+

Filament 4.0+

Quick Reference

Context Component Import
Forms (3.0+) PanZoom use SolutionForest\FilamentPanzoom\Components\PanZoom;
Forms (4.0+) PanZoom use SolutionForest\FilamentPanzoom\Components\PanZoom;
Actions PanZoom use SolutionForest\FilamentPanzoom\Components\PanZoom;
Tables PanZoom use SolutionForest\FilamentPanzoom\Components\PanZoom;
Infolists (3.0+) PanZoomEntry use SolutionForest\FilamentPanzoom\Infolists\Components\PanZoomEntry;
Infolists (4.0+) PanZoomEntry use SolutionForest\FilamentPanzoom\Infolists\Components\PanZoomEntry;

Browser Support

Testing

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.

All versions of filament-panzoom with dependencies

PHP Build Version
Package Version
Requires php Version ^8.3
filament/filament Version ^3.3|^4.0
spatie/laravel-package-tools Version ^1.15.0
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package solution-forest/filament-panzoom contains the following files

Loading the files please wait ...