Global Loading Indicator - FilamentPHP Glow

Global Loading Indicator

By: Lara Zeus

Published: 09 Apr 2024 Updated: 04 May 2024

Panels

provide a loading indicator for long running operations

Why?

Certain operations in Filament may experience prolonged loading times, for example when applying filters to a table. The following code snippet introduces a renderhook to the footer, coupled with an Alpine listener to display a loading message.

Ensure to set the timeout to a sufficiently high value to prevent the message from appearing unnecessarily for small requests.

Back to Tricks

How to Apply Authorization on Create Option Action for Select Field

Add a Language Switcher Under The User Menu

Integrate Language Switcher in User Menu for a Cleaner Top Bar

Change the default page instead of Dashboard for Panels

set any page like List Or view page as the main page instead of using a dashboard page in filamentPHP

Reuse action in both Table and Header

how to use an action as a headerAction or as a table row action without code duplication

Select All Items in a Dropdown Select

Let Users to Select All Options with a Simple Hint Action