Filament•2y ago

Custom JS in filament page

hello all , is there any way that I can insert javascript in my filament page? I want to use HTML geolocation and include the latitude and longitude in my form

12 Replies

LeandroFerreira•2y ago

Hi,

<!-- Your component's view here -->
 
@push('scripts')
<script>
    // Your JS here.
</script>
@endpush

<!-- Your component's view here -->
 
@push('scripts')
<script>
    // Your JS here.
</script>
@endpush

or https://filamentphp.com/docs/2.x/admin/appearance#including-frontend-assets

Filament

Appearance - Admin Panel - Filament

The elegant TALL stack admin panel for Laravel artisans.

Lambertn33OP•2y ago

@leandro_ferreira thank you so much for this

Lambertn33OP•2y ago

Lambertn33OP•2y ago

after trying to get the current location, I got in in console. now is there any way that I can put the latitude and longitude in my inputs?

wyChoong•2y ago

Save yourself some time with #google-maps

Lambertn33OP•2y ago

thanks friend @wychoong Tables\Actions\Action::make('test') ->action(function () { ...... (can I link to a JS file here?) }),

Dennis Koch•2y ago

What should a JS file inside a PHP method do?

Lambertn33OP•2y ago

@Dennis Koch I want to alert some information from the console and show thrm to the user! eg: html geolocation

Dennis Koch•2y ago

You could send a Livewire event and handle that on the frontend. Check the Livewire docs for this.

Passenger•16mo ago

@push('scripts') seems to be broken in v3. Worked fine in v2..

Dennis Koch•16mo ago

Best to use the asset helper: https://filamentphp.com/docs/3.x/support/assets

Assets - Core Concepts - Filament

Passenger•16mo ago

Yes, not as convenient, as i'd need to keep running php artisan filament:assets but that works. Thanks

Gaming

Programming

Custom JS in filament page