How to add loading indicator at the top of the filamentphp app page
How to add loading indicator at the top of the filamentphp app page like the loading indicator of inertiajs
16 Replies
its not an SPA, so why would we do that?
I installed a plugin for data export but every time I click on the 'Export' button there is no feedback. The modal box appears after a certain time suddenly without feedback from the interface
if i click on 'Exporter' there is no loading indicator like on other action buttons
you can use livewire loading for that on the table
https://laravel-livewire.com/docs/2.x/loading-states
define an extra attribute on the layout / table
Livewire
Loading States | Livewire
A full-stack framework for Laravel that takes the pain out of building dynamic UIs.
You can also ask on the plugin channel about it
THANKS. I'm going to look at this tool right away.
i added this
<div wire:loading>Loading...</div>
in 'body.start' render hook
but if i make a request the loading element does not appear on the screen.
i also add <div wire:loading>Loading...</div> in components/page.blade.php (one of the filamentphp component) but it does not work also.
i'm sorry for disturbing you about this.
Did you resolve your issue?
sorry for late response
no i did not
This isn’t going to work with any of the documented hooks because they are outside the livewire component. You’d have to add some JavaScript to listen for Livewires hooks and show and hide it manually.
What he said 👆
Thanks you for your help. Il will try this
Hi you can also see this https://v2.filamentphp.com/tricks/forms-loading-inidicator
Filament
Forms Loading Inidicator by Tony Partridge - Tricks - Filament
Filament is a collection of tools for rapidly building beautiful TALL stack apps, designed for humans.
Why are you bringing up n old topic?
Sorry, i was struggling with the same probleme, and wanted to help other that searching same trick
Ahh ok